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/transition-delay

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

delay- utility syntax and CSS output

The transition-delay utilities in Tailwind v4 follow three syntax patterns: delay-<number> generates transition-delay: <number>ms; delay-(<custom-property>) generates transition-delay: var(<custom-property>); and delay-[<value>] generates transition-delay: <value>;

delay utility examples with milliseconds

Tailwind v4 provides preset delay utilities including delay-150 (transition-delay: 150ms), delay-300 (transition-delay: 300ms), and delay-700 (transition-delay: 700ms).

motion-reduce variant with delay

The motion-reduce variant can be used with delay utilities to respect user preferences for reduced motion. For example, motion-reduce:delay-0 sets the transition delay to zero when reduced motion is preferred.

delay utility supports custom values

The delay utility supports arbitrary custom values using the syntax delay-[<value>], allowing values like delay-[1s] or delay-[250ms] to be specified directly.

delay utility supports custom properties

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

delay utility is responsive

The delay utility supports responsive design variants, allowing different transition-delay values to be applied at different breakpoints.

Give your agent this brain