Transition & Animation

Transition Property

Utilities for controlling which CSS properties transition.

Basic usage

Delaying transitions

Use the delay-{amount} utilities to control an element's transition-delay.

delay-150

delay-300

delay-700

<button className="transition **delay-150** duration-300 ease-in-out ...">Button A</button>
<button className="transition **delay-300** duration-300 ease-in-out ...">Button B</button>
<button className="transition **delay-700** duration-300 ease-in-out ...">Button C</button>