Entrance Animations

Entrance Animations start when the element enters the page – that means on load or when the user scrolls. There are a lot of entrance animations to play with! They’re broken into 8 categories:

  1. Fading
  2. Zooming
  3. Bouncing
  4. Sliding
  5. Rotating
  6. Attention Seekers
  7. Light Speed
  8. Specials

Fading

FADE IN LEFT
FADE IN DOWN
FADE IN
FADE IN UP
FADE IN RIGHT

Zooming - watch out for the meteors!

ZOOM IN LEFT
ZOOM IN DOWN
ZOOM IN
ZOOM IN UP
ZOOM IN RIGHT

Bouncing

BOUNCE IN LEFT
BOUNCE IN DOWN
BOUNCE IN
BOUNCE IN UP
BOUNCE IN RIGHT

Sliding

SLIDE IN LEFT
SLIDE IN DOWN
SLIDE IN UP
SLIDE IN RIGHT

Rotating

ROTATE IN DOWN LEFT
ROTATE IN DOWN RIGHT
ROTATE IN
ROTATE IN UP RIGHT
ROTATE IN UP LEFT

Attention Seekers

BOUNCE
FLASH
PULSE
RUBBER BAND
SHAKE
HEAD SHAKE
SWING
TADA
WOBBLE
JELLO

Light Speed & Specials

LIGHT SPEED IN
ROLL IN