This sample demonstrates a CSS animation with three effects: transferring between square and circle, changing in the order of red, green and blue, and showing a counter from 1 to 10.
1
The CSS animation is drew by properties: transition-duration, transition-timing-function, animation-name, animation-duration, animation-timing-function, animation-delay, animation-play-state, animation-iteration-count, animation-direction.