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

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.

filter utility classes and CSS output

The filter utility has the following class variants: filter-none produces 'filter: none;'. filter-(<custom-property>) produces 'filter: var(<custom-property>);'. filter-[<value>] produces 'filter: <value>;'.

Combined filter utilities example

Multiple filter utilities can be combined on a single element. For example, <img class="blur-xs grayscale" src="/img/mountains.jpg" /> applies both blur and grayscale filters together.

filter-none removes all filters

The filter-none utility removes all filters applied to an element. For example, <img class="blur-md brightness-150 invert md:filter-none" src="/img/mountains.jpg" /> will have no filters applied at the md breakpoint.

Filter utilities that can be combined

The following filter utilities can be combined: blur, brightness, contrast, drop-shadow, grayscale, hue-rotate, invert, saturate, and sepia.

filter utility supports custom values with arbitrary syntax

The filter utility supports arbitrary custom values using square bracket syntax: filter-[url('filters.svg#filter-id')] applies custom filter values directly.

filter utility supports state variants

Filter utilities support state variants such as hover. For example, blur-sm:filter-none applies filter-none on hover while blur-sm is the default.

filter utility supports responsive design

Filter utilities support responsive variants. For example, md:filter-none applies filter-none at the md breakpoint and above.

Give your agent this brain