Tokens & namespaces
duration
Preset duration values and their consumers.
Scope
These values come from the current preset. Project theme declarations can override them. Mode-specific entries are labeled separately.
Share these durations across animation and transition lengths or delays. A duration alone does not create an animation.
Values
fastest
--duration-fastest- Default
75ms faster
--duration-faster- Default
.1s fast
--duration-fast- Default
.15s normal
--duration-normal- Default
.2s slow
--duration-slow- Default
.3s slower
--duration-slower- Default
.5s slowest
--duration-slowest- Default
.8s
Consumers
animation-, animation-delay-, animation-duration-, transition-, transition-delay-, transition-duration-
Customize
See variables and modes and theme directives. For usage and examples, see Motion.