Animation

A cross-browser library of CSS animations. As easy to use as an easy thing. Read the Official Animate CSS Repository for a full list of instructions and other options.
Attention Seekers

To animate an element, add the class .animated to an element together with the animate classes in the following examples below.

Bouncing Entrances

To animate an element, add the class .animated to an element together with the animate classes in the following examples below.

Bouncing Exits

To animate an element, add the class .animated to an element together with the animate classes in the following examples below.

Fading Entrances

To animate an element, add the class .animated to an element together with the animate classes in the following examples below.

Fading Exits

To animate an element, add the class .animated to an element together with the animate classes in the following examples below.

Rotating Entrances

To animate an element, add the class .animated to an element together with the animate classes in the following examples below.

Rotating Exits

To animate an element, add the class .animated to an element together with the animate classes in the following examples below.

Sliding Entrances

To animate an element, add the class .animated to an element together with the animate classes in the following examples below.

Sliding Exits

To animate an element, add the class .animated to an element together with the animate classes in the following examples below.

Zoom Entrances

To animate an element, add the class .animated to an element together with the animate classes in the following examples below.

Zoom Exits

To animate an element, add the class .animated to an element together with the animate classes in the following examples below.