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 v4 · all subjects

utilities/filter

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

sepia utility classes and syntax

Tailwind v4 provides sepia filter utilities with the following syntax: sepia applies filter: sepia(100%); sepia-<number> applies filter: sepia(<number>%); sepia-(<custom-property>) applies filter: sepia(var(<custom-property>)); and sepia-[<value>] applies filter: sepia(<value>);. These utilities control the sepia effect applied to an element.

sepia utility default values

The sepia utility provides predefined classes including sepia-0 (no sepia effect) and sepia-50 (50% sepia effect), along with sepia (full 100% sepia effect).

sepia utility custom values

The sepia utility supports custom values using the syntax sepia-[<value>] for arbitrary values, allowing decimal values like sepia-[.25] to be applied directly as filter: sepia(.25);

sepia utility responsive design

The sepia filter utility supports responsive design variants, allowing different sepia values to be applied at different breakpoints using standard Tailwind responsive prefixes.

filter utility classes API

The filter utility has three main classes: filter-none which applies 'filter: none;', filter-(<custom-property>) which applies 'filter: var(<custom-property>);', and filter-[<value>] which applies 'filter: <value>;'.

filter-none removes all filters

Use the filter-none utility to remove all filters applied to an element. For example, you can use md:filter-none to remove filters at the md breakpoint.

Combinable filter utilities

The filter utilities that can be combined are: blur, brightness, contrast, drop-shadow, grayscale, hue-rotate, invert, saturate, and sepia. Multiple filter utilities can be applied to the same element.

Give your agent this brain