An animation lets an element gradually change from one style to another.
You can change as many CSS properties you want, as many times as you want.
To use CSS animation, you must first specify some keyframes for the animation.
Keyframes hold what styles the element will have at certain times.
1. Walking on the moon
See the Pen Walking on the moon by PHP Hacker (@php-hacker) on CodePen.
2. Human Walking
See the Pen Untitled by PHP Hacker (@php-hacker) on CodePen.
3. Five-pointed star
See the Pen Five-pointed star by PHP Hacker (@php-hacker) on CodePen.