The CSS saturate() function is a filter that adjusts the color saturation intensity of an element.
- •Values range from 0% (grayscale) to 100% (original) with values above 100% increasing saturation
- •Used with filter and backdrop-filter properties, often combined with other filter functions like contrast(), sepia(), and blur()
- •Common practical applications include music app backgrounds with boosted colors, movie poster cards with enhanced vibrancy, and interactive color-pop cursor effects
- •The order of filter declaration matters as the browser applies filters sequentially
- •Supported by all modern browsers according to the Filter Effects Module 1 specification
This summary was automatically generated by AI based on the original article and may not be fully accurate.
CSS-Tricks