Animations

The "Animations" package lets developers add various effects and transitions to an element without having to deal with long CSS3 code structures, jQuery plugins, or complex JavaScript animation engines.

Just by adding a specific (CSS) class to an HTML tag, that element will be animated using the rules specified in that class.

The animations can be applied at page load or dynamically during runtime/usage.

Some JavaScript is used to control how animations are applied and interacted with, but the animations themselves are rendered 100% via CSS 3.

Supported animations:
Fade In
Fade In Up
Fade In Down
Fade In Left
Fade In Right
Fade Out
Fade Out Up
Fade Out Down
Fade Out Left
Fade Out Right
Bounce In
Bounce In Up
Bounce In Down
Bounce In Left
Bounce In Right
Bounce Out
Bounce Out Up
Bounce Out Down
Bounce Out Left
Bounce Out Right
Zoom In
Zoom In Up
Zoom In Down
Zoom In Left
Zoom In Right
Zoom Out
Zoom Out Up
Zoom Out Down
Zoom Out Left
Zoom Out Right
Flip In X
Flip In Y
Flip In Top Front
Flip In Top Back
Flip In Bottom Front
Flip In Bottom Back
Flip In Left Front
Flip In Left Back
Flip In Right Front
Flip In Right Back
Flip Out X
Flip Out Y
Flip Out Top Front
Flip Out Top Front
Flip Out Bottom Front
Flip Out Bottom Back
Flip Out Left Front
Flip Out Left Back
Flip Out Right Front
Flip Out Right Back
Flash
Strobe
Shake X
Shake Y
Bounce
Tada
Rubber Band
Swing
Spin
Spin Reverse
Slingshot
Slingshot Reverse
Wobble
Pulse
Pulsate
Heartbeat
Panic

What is new in this release:

• Added an additional 72 animations (Up Left, Up Right, Down Left and
• Down Right versions of all current in/out animations).

What is new in version 2.0:

• Added 'appear.min.js'
• Added animations
• Fixed bug with elements flashing before animating in
• Adjusted JavaScript functions
• Adjusted CSS class names
• Removed 'visible.min.js'

Requirements:

• CSS 3 enabled browser
• JavaScript enabled on client side