Utility classes for changing the transition delay for an animation on an element. Transition delay is delay time before a transition begins.

Transition delay utilities can be paired with property, duration, and timing function utilities to define simple animations, More complex animations should use defined classes, or tweening. For a list of provided animations with Doddle USS, check out the Transition Library.

Classes for transition delay are named using the format: [delay]-[value].

Where value includes:

  • # - ms value for that delay property. By default, delay classes start at 100ms, and increment by 100ms until stopping at 1000ms.
ClassContents
Hover me!
Hover me!
Hover me!
Hover me!

UXML