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

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.

transition-delay utility class syntax

The transition-delay utility uses three syntax forms: delay-<number> produces transition-delay: <number>ms;, delay-(<custom-property>) produces transition-delay: var(<custom-property>);, and delay-[<value>] produces transition-delay: <value>;

Basic transition-delay examples

Common transition-delay utilities include delay-150 (150ms), delay-300 (300ms), and delay-700 (700ms) for controlling the delay of CSS transitions.

transition-delay with motion-reduce variant

Use the motion-reduce variant to conditionally disable transition delays for users who prefer reduced motion. For example, motion-reduce:delay-0 sets the delay to 0 when reduced motion is preferred.

transition-delay custom values

Custom transition-delay values can be specified using bracket notation like delay-[1s] or delay-[250ms], allowing any CSS time value.

transition-delay responsive design

transition-delay utilities support responsive design variants, allowing you to apply different delays at different breakpoints.

motion-safe variant for reduced motion support

The motion-safe and motion-reduce variants can be used to conditionally apply animations and transitions based on user motion preferences.

Give your agent this brain