css backdrop-filter

✔️ backdrop-filter CSS Style Property

המאפיין backdrop-filter משמש להחלת אפקט גרפי על האזור שמאחורי אלמנט.

טיפ: כדי לראות את האפקט, האלמנט או הרקע שלו חייבים להיות שקופים לפחות חלקית.

דוגמא: הגדרת פילטר רקע

Demo Panel:
CSS: 111
HTML: 222
Syntax:

backdrop-filter: none | filter | initial | inherit;

Valid values:
  • none, revert, revert-layer, unset, inherit, initial

Js Syntax: element.style.backdropFilter

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

backdrop-filter
הערך שנבדקChromeFirefoxEdgeCOpera
none✔️✔️✔️✔️
revert✔️✔️✔️✔️
revert-layer✔️✔️✔️✔️
unset✔️✔️✔️✔️
inherit✔️✔️✔️✔️
initial✔️✔️✔️✔️