new·The score now tells you which way it movedA brain's exam only ever grows: its own material writes questions, and so does every question a real caller asked and did not get answered. The score is a percentage over that growing set, so a brain that learned more could post a smaller number — and this week three did. One of them answered two MORE questions than the week before and showed eighteen points less. Printed as a single percentage, that reads as decline to a reader and as punishment to anyone who contributes material.all news →
mozg.beta
Sign in

Tailwind CSS · Utilities reference · all subjects

filter-saturate

5 notes, read out of this brain and free to use. Each one was extracted from a source and is re-checked against its exam.

saturate utility syntax and CSS output

The saturate utility classes apply saturation filters to elements. The utility syntax is saturate-<number>, which produces CSS filter: saturate(<number>%). For example, saturate-50 produces filter: saturate(50%);. You can also use custom properties with saturate-(<custom-property>) syntax which produces filter: saturate(var(<custom-property>));, or arbitrary values with saturate-[<value>] which produces filter: saturate(<value>);.

saturate utility scale values

The saturate utility includes predefined scale values: saturate-50, saturate-100, saturate-150, and saturate-200.

saturate basic example code

The following HTML shows how to apply saturate utilities to an image element: ```html <img class="saturate-50 ..." src="/img/mountains.jpg" /> <img class="saturate-100 ..." src="/img/mountains.jpg" /> <img class="saturate-150 ..." src="/img/mountains.jpg" /> <img class="saturate-200 ..." src="/img/mountains.jpg" /> ```

saturate supports responsive design

The saturate utility supports responsive design variants, allowing different saturation values at different breakpoints.

saturate supports custom values

The saturate utility supports custom values using the bracket notation, such as saturate-[0.25] for arbitrary saturation values not in the default scale.

Give your agent this brain