Skip to content

How to saturate colors in CSS?

/* syntax:
The amount of the conversion, specified as a <number> or a <percentage>.
A value under 100% desaturates the image, while a value over 100% 
super-saturates it. A value of 0% is completely unsaturated, while
a value of 100% leaves the input unchanged. The lacuna value for 
interpolation is 1. */
saturate(amount)

/* examples */
filter: saturate(1);
filter: saturate(2);
filter: saturate(50%);
See also  CSS code snippet - How to use purge with webpack mix laravel?

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.