מאפיין backdrop-filter

מאפיין backdrop-filter מחיל אפקטי סינון על האזור מאחורי האלמנט (הרקע) — שימושי לאפקטי frosted glass. האלמנט עצמו חייב להיות שקוף/חצי-שקוף כדי לראות את האפקט.

.panel { backdrop-filter: blur(10px); }

.panel { backdrop-filter: blur(8px) brightness(0.8) saturate(1.5); background: rgba(255 255 255 / 0.3); }

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

blur()טשטוש Gaussian — blur(radius).

brightness()בהירות — brightness(amount).

contrast()ניגוד — contrast(amount).

drop-shadow()צל — drop-shadow(x y blur color).

grayscale()גווני אפור — grayscale(amount).

hue-rotate()סיבוב גוון — hue-rotate(angle).

invert()היפוך צבעים — invert(amount).

opacity()אטימות — opacity(amount).

saturate()רוויה — saturate(amount).