animationDuration
style property, then any state change that effects that component's style will create an implicit interpolation between the old value and the new one.string
with the suffix "s" for seconds or "ms" milliseconds.string | string[]
'0s'
string | string[]
'normal'
'alternate' | 'alternate-reverse' | 'normal' | 'reverse'
animationDelay
has finished. The value is defined as a string
with the suffix "s" for seconds or "ms" milliseconds.string | string[]
'0s'
animationFillMode
CSS property sets how a CSS animation applies styles to its target before and after its execution.string | string[]
'forwards'
'none' | 'forwards' | 'backwards' | 'both'
animationIterationCount
CSS property sets the number of times an animation cycle should be played before stopping.number | 'infinite' | Array<number, 'infinite'>
1
<number> | 'infinite'
string | Object | Array<string, Object>
animationPlayState
CSS property sets whether an animation is running or paused.string | string[]
'running'
'paused' | 'running'
animationTimingFunction
CSS property sets how an animation progresses through the duration of each cycle.string | string[]
'normal'
"linear" | "ease" | "ease-in" | "ease-out" | "ease-in-out" | "step-start" | "step-end" | "steps(int,start|end)" | "cubic-bezier(n,n,n,n)"