CSS Animation Visualizer

Animation Name

Specifies the name of the @keyframes animation. Default: none

Duration (seconds)

Specifies how long the animation should take to complete one cycle. Default: 0s

Timing Function

Specifies the speed curve of the animation. Default: ease

Delay (seconds)

Specifies a delay for the start of the animation. Default: 0s

Iteration Count

Specifies the number of times an animation should be played. Default: 1

Direction

Specifies whether the animation should play in reverse direction or alternate cycles. Default: normal

Fill Mode

Specifies how the animation should apply styles before and after execution. Default: none

Play State

Specifies whether the animation is running or paused. Default: running