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 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.

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

---

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.