Nice Effects for Web (Part 1)

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.