1. Components
2. Utilities
3. Animation

Animation

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

Attention Seekers

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

<div class="animated bounce">...</div>

Bouncing Entrances

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

Bouncing Exits

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

Fading Entrances

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

Fading Exits

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

Rotating Entrances

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

Rotating Exits

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

Sliding Entrances

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

Sliding Exits

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

Zoom Entrances

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

Zoom Exits

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