"The saturate() function takes a single argument, which can be a positive decimal or percentage value. The argument determines the new saturation for the input element, where 0 or 0% dries out all color from the element, resulting in a grayscale image."
"Values above 1 or 100% increase the saturation linearly. The saturate() filter is rarely used on its own. Instead, we usually couple it with other filter-related functions to produce more interesting effects."
"For instance, we can combine saturate() with contrast() to give elements an overly vivid, colorful effect. A slightly increased contrast and a lower saturation help enhance the effect of a mid-range sepia, giving a vintage filter effect."
The CSS saturate() function modifies the color saturation of an element, allowing for increased or decreased intensity. It accepts a single argument, which can be a positive decimal or percentage. Values of 0 or 0% result in a grayscale image, while 1 or 100% leaves the element unchanged. Higher values enhance saturation, while negative values are invalid. The saturate() function is often used in combination with other filters like contrast() to create vivid effects or with sepia() for vintage looks.
Read at CSS-Tricks
Unable to calculate read time
Collection
[
|
...
]