All Animation CSS3

Animation Classes

In order to have your animation properly working you need to know which is the class name of the animation that you want to use.

Bellow you can find all the class names of the animations that are inside All Animation library.

Specials

  • a-dance
  • a-journal
  • a-pulse
  • a-pulse-slow
  • a-jamp
  • a-four-rock

Bounce

  • a-enter-up-bounce
  • a-enter-down-bounce
  • a-enter-right-bounce
  • a-enter-left-bounce
  • a-scale-bounce
  • a-jump-bounce

Perspective

For using the perspective animations, please add a parent container with a class a-perspective, like:

These are the classes:

  • a-three-flip-right
  • a-three-flip-up
  • a-three-flip-down
  • a-flip-left-bounce
  • a-rotate-flip
  • a-flip-right-bounce

Fading Entrances

  • a-flip-top
  • a-flip-left
  • a-flip-right
  • a-flip-bottom

Rotate

  • a-rotate-flip-down
  • a-rotate-down-bounce
  • a-rotate-out

Agrecives

  • a-flash-bang
  • a-bomb

Want to contribute on this documentation?

Don’t be shy and open a PR on our github, contributions are always welcome