Skip to content

Filter

Elevate CSS features a single compound property for setting the filter behavior of an element:


filter Property Modifiers

PropertyExpected ValuesExample
filterPassThroughToken (e.g., (blur(5px)) )filter:(blur(5px))

Effects & Compositing

PropertyExpected ValuesExample
backdrop-filterPassThroughToken (e.g., (blur(8px)) )backdrop-filter:(blur(8px))
mix-blend-modenormal, multiply, screen, overlay, darken, lighten, color-dodge, color-burn, hard-light, soft-light, difference, exclusion, hue, saturation, color, luminosity, plus-lightermix-blend-mode:multiply
background-blend-modeSame as mix-blend-modebackground-blend-mode:overlay
isolationauto, isolateisolation:isolate