Rotating Entrances:
Fading Entrances:
Bouncing Entrances:
Bouncing Exits:
Fading Exits:
Rotating Exits:
Attention Seekers:
Flippers:
Sliders:
Specials:
Animations OnLoad:
Animations are fired immeditiely when the page loads and are a great way to introduce new content.
Adding an Animation to an Element
<div class="animated fadeIn">..</div>
The Required Selectors:
"animated" - Is required on all elements which you choose to animate on load.
"fadeIn" - Is an example of the type of animation you wish to see performed on the element
Delayed Animations!
data-animate='["100","fadeIn"]' class="animated-delay"
The Required Selectors:
animated-delay - Is always required. Take note this uses "animated-delay" NOT"animated"
data-animate='["1500","fadeIn"]' - A data attribute which holds an array for
two settings. The first is used to set the delay(in miliseconds). The second is for specifiying the animation. Both options are required.
Note: delayed animations require
main.js
