Animation Effects

Subtle Animations

Choose effects from the list below when compiling notes.

Below are animations we can apply on any website. It is best to not have too many animations. Too many animations on the page will cause distraction. Keep animations relevant and subtle.

All Entrances Exits Special
  • Any HTML page
  • Combine with other effects
  • Rotate & sequence effects

Special Effects

Roll In
Roll Out

Zoom Entrances

Zoom In
Zoom In Up
Zoom In Down
Zoom In Left
Zoom In Right

Zoom Exists

Zoom Out
Zoom Out Up
Zoom Out Down
Zoom Out Left
Zoom Out Right

Sliding Entrances

Slide In Up
Slide In Down
Slide In Left
Slide In Right

Sliding Exits

Slide Out Up
Slide Out Down
Slide Out Left
Slide Out Right

Rotating Entrances

Rotate In
Rotate In Down Left
Rotate In Down Right

Rotating Exits

Rotate Out Up Left
Rotate Out Up Right
Rotate Out
Rotate Out Down Left
Rotate Out Down Right


Rotate Out Up Left
Rotate Out Up Right
Flip In X
Flip In Y

Light Speed

Flip Out X
Flip Out Y

Attention Seeking

Light Speed In
Light Speed Out
Rubber Band

Bouncing Entrances

Bounce In
Bounce In Down
Bounce In Left

Bouncing Exits

Bounce Out Down Right
Bounce Out Up
Bounce Out
Bounce Out Down
Bounce Out Left

Fading Entrances

Fade In
Fade In Down
Fade In Down Big
Fade In Left
Fade In Left Big
Fade In Right
Fade In Right Big

Fading Exits

Fade Out
Fade Out Down
Fade Out Down Big
Fade Out Left
Fade Out Left Big
Fade Out Right
Fade Out Right Big
Fade Out Up
Fade Out Up Big