CSS Playroom
Animations
Box Model
Flexbox
Grid
Filters
Positioning
Pseudo classes
Transforms
Coming Soon...
P
Pseudo elements
S
Scroll
T
Transitions
Animation
Keyframes
Edit and configure animation properties.
Replay
Reset
View code
animation-duration
ms
s
animation-delay
ms
s
animation-timing-function
ease
ease-in
ease-out
ease-in-out
linear
step-start
step-end
animation-direction
normal
reverse
alternate
alternate-reverse
animation-fill-mode
none
forwards
backwards
both
animation-play-state
running
paused
animation-iteration-count
animation-name
Comprehensive guide to animations
here
and
here