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

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

brightness utility class syntax

The brightness utility uses the pattern brightness-<number>, brightness-(<custom-property>), or brightness-[<value>]. The brightness-<number> syntax produces filter: brightness(<number>%);. The brightness-(<custom-property>) syntax produces filter: brightness(var(<custom-property>));. The brightness-[<value>] syntax produces filter: brightness(<value>);.

brightness utility examples

Available brightness utility classes include brightness-50, brightness-100, brightness-125, and brightness-200. These can be applied to elements like images to adjust their brightness.

brightness custom value example

The brightness utility supports custom values using bracket notation, such as brightness-[1.75], which allows arbitrary brightness values beyond the default scale.

brightness responsive design

The brightness utility supports responsive variants, allowing different brightness values at different breakpoints. For example, brightness-110 can be the default value and brightness-150 can be applied at a larger breakpoint using a responsive prefix like sm:brightness-150.

Give your agent this brain