✔️ mask-image CSS Style Property

המאפיין mask-image מציין תמונה שתשמש כשכבת מסיכה עבור אלמנט.

טיפ: מעברי צבע ליניאריים ורדיאליים ב-CSS יכולים לשמש גם כתמונת המסכה.

דוגמא: הגדרת תמונת מסכה

Demo Panel:

CSS: 111

HTML: 222

Syntax:

mask-image: none | image | url | initial | inherit;

Valid values:

none, revert, revert-layer, unset, inherit, initial

Js Syntax: element.style.maskImage

תאימות דפדפנים

mask-image
הערך שנבדק	Chrome	Firefox	EdgeC	Opera
url(logo.png)	✔️	✔️	✔️	✔️
none	✔️	✔️	✔️	✔️
revert	✔️	✔️	✔️	✔️
revert-layer	✔️	✔️	✔️	✔️
unset	✔️	✔️	✔️	✔️
inherit	✔️	✔️	✔️	✔️
initial	✔️	✔️	✔️	✔️