Utility classes for changing the transition duration for an animation on an element.

Transition duration utilities can be paired with property, delay, 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 duration are named using the format: [duration]-[value].

Where value includes:

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

UXML