The CSS Propertie mask-image

המאפיין mask-image קובע אילו תמונות משמשות כמסכות לאלמנט. אפשר להפנות אל אלמנט <mask> ב-SVG, או להשתמש בתמונה רגילה או בגרדיאנט. אפשר לערום כמה מסכות מופרדות בפסיק.

.faded { mask-image: url("shape.svg"); }

.dual { mask-image: linear-gradient(black, transparent), url("texture.png"); }

noneללא תמונת מסכה (ערך ברירת המחדל).

url()טוען תמונת מסכה לפי URI, או מצביע אל אלמנט <mask> ב-SVG.

linear-gradient()גרדיאנט לינארי כתמונת מסכה.

radial-gradient()גרדיאנט רדיאלי כתמונת מסכה.

conic-gradient()גרדיאנט קוני כתמונת מסכה.

image-set()בוחר את התמונה הטובה ביותר מבין כמה רזולוציות.

CSS Masking Module Level 1

Editor's Draft

<image>

W3C MDN

Show all code

ערוך CSS און-ליין

התוסף שזוכר עבורך מאות פריטי CSS

כל פרופרטי CSS — בהדגמה חיה

מקור הייחוס הדו-לשוני ל-CSS

previous next