Animation

Animation

Property	Expected Values	Example
animation	PassThroughToken (e.g., (fade-in_200ms_ease))	animation:(fade-in_200ms_ease)
animation-name	PassThroughToken (e.g., (fade-in))	animation-name:(fade-in)
animation-duration	PassThroughToken (e.g., (200ms) )	animation-duration:(200ms)
animation-timing-function	PassThroughToken (e.g., (ease-in-out) )	animation-timing-function:(ease-in-out)
animation-delay	PassThroughToken (e.g., (150ms) )	animation-delay:(150ms)
animation-iteration-count	PassThroughToken (e.g., (infinite) )	animation-iteration-count:(infinite)
animation-direction	normal, reverse, alternate, alternate-reverse	animation-direction:alternate
animation-fill-mode	none, forwards, backwards, both	animation-fill-mode:both
animation-play-state	running, paused	animation-play-state:paused

Note: Keyframe utilities are not yet generated by Elevate. Define @keyframes in your CSS and reference them via pass-through values.