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-invert

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.

invert filter utility class syntax

Tailwind CSS v4 provides invert filter utilities with the following class syntax: `invert` applies filter: invert(100%); `invert-<number>` applies filter: invert(<number>%); `invert-(<custom-property>)` applies filter: invert(var(<custom-property>)); `invert-[<value>]` applies filter: invert(<value>); for arbitrary values.

invert filter utility examples

The invert filter utility includes preset classes: `invert-0` for no inversion (filter: invert(0%)), `invert-20` for 20% inversion (filter: invert(20%)), and `invert` for full inversion (filter: invert(100%)).

invert filter supports responsive design

The invert filter utility classes support responsive design prefixes, allowing different invert values at different breakpoints.

invert filter supports arbitrary values

The invert filter utility supports arbitrary values using the syntax `invert-[<value>]` bracket notation, allowing any custom filter invert value to be specified.

invert filter supports custom properties

The invert filter utility supports custom CSS properties using the syntax `invert-(<custom-property>)`, which generates filter: invert(var(<custom-property>));

Give your agent this brain