Animation

Animation helps communicate, guide and infor users.

Animation Timing

Animate.css Timing

Add "animated" and the appropriate class from the library to create an animation.

The default timing is 1 second, which can be too slow for some animations. To deal with this we created custom timing as well.

Custom Timing

Use "animated25s" for quarter second animations or "animated5s" for half second animations. These classes are built into the css.

Animation Classes

Animate.css Classes

View the list of possible animations here.

Custom Animations

The Animate.css library may not contain an animation we need. When we create custom animations, we will list them here. None currently exist.