Elevate CSS features a single compound property for setting the filter behavior of an element:
filter Property Modifiers
| Property | Expected Values | Example |
|---|
filter | PassThroughToken (e.g., (blur(5px)) ) | filter:(blur(5px)) |
Effects & Compositing
| Property | Expected Values | Example |
|---|
backdrop-filter | PassThroughToken (e.g., (blur(8px)) ) | backdrop-filter:(blur(8px)) |
mix-blend-mode | normal, multiply, screen, overlay, darken, lighten, color-dodge, color-burn, hard-light, soft-light, difference, exclusion, hue, saturation, color, luminosity, plus-lighter | mix-blend-mode:multiply |
background-blend-mode | Same as mix-blend-mode | background-blend-mode:overlay |
isolation | auto, isolate | isolation:isolate |