✔️ filter CSS Style Property

המאפיין filter מגדיר אפקטים חזותיים (כמו טשטוש ורוויה) לאלמנט (לעתים קרובות img).

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

Demo Panel:

CSS: 111

HTML: 222

Syntax:

filter: none | blur(px) | brightness(%) | contrast(%) | drop-shadow(h-shadowv-shadowblurspreadcolor) | grayscale(%) | hue-rotate(deg) | invert(%) | opacity(%) | saturate(%) | sepia(%) | url(svg-url#element-id);

Valid values:

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

Js Syntax: element.style.filter

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

filter
הערך שנבדק	Chrome	Firefox	EdgeC	Opera
none	✔️	✔️	✔️	✔️
revert	✔️	✔️	✔️	✔️
revert-layer	✔️	✔️	✔️	✔️
unset	✔️	✔️	✔️	✔️
inherit	✔️	✔️	✔️	✔️
initial	✔️	✔️	✔️	✔️