animation
animation-delay
Applies the animation-delay property.
import { animationDelay } from "@sdxc/u/animation";Quick reference
Every documented call, beside the CSS it emits.
| Call | CSS |
|---|---|
u.animationDelay("150ms") | css({ animationDelay: "150ms" }) |
u.animationDelay() | css({ animationDelay: "0s" }) |
u.animationDelay(`${index * 60}ms`) | css({ animationDelay: "120ms" }) |
u.animationDelay("-500ms") | css({ animationDelay: "-500ms" }) |
Using a custom value
Every scale argument also takes a raw CSS value, which passes through untouched.
u.animationDelay("150ms")Applying on a state
Wrap the call in a state utility to scope it to one selector.
u.hover(u.animationDelay("150ms"))Responsive design
Wrap the call in a container query to scope it to one width.
u.at("md", u.animationDelay("150ms"))Signature
u.animationDelay(value?: string)