Animation Config

Each animation has a configuration that controls its playback behavior. These map directly to CSS animation properties.

Options

Setting	CSS Property	Values	Default
Name	animation-name	Any valid CSS identifier	new-animation
Duration	animation-duration	Milliseconds	1000
Iteration Count	animation-iteration-count	Number or infinite	1
Direction	animation-direction	normal, reverse, alternate, alternate-reverse	normal
Fill Mode	animation-fill-mode	none, forwards, backwards, both	both
Default Easing	animation-timing-function	Any easing preset or cubic-bezier()	ease

Direction

• normal — plays forward each iteration
• reverse — plays backward each iteration
• alternate — plays forward, then backward, alternating each iteration
• alternate-reverse — plays backward, then forward, alternating each iteration

Fill Mode

• none — element reverts to its original style before and after the animation
• forwards — element retains the final keyframe values after the animation ends
• backwards — element applies the first keyframe values during any delay before the animation starts
• both — applies both forwards and backwards behavior