Introduction and Usage of CSS3 Animate It

'CSS3 Animate it' can be used to add some animation effects while scrolling the page. Click 'https://github.com/Jack-McCourt/css3-animate-it/archive/master.zip' to download the plugin.
Steps to add CSS3 animate on markup

1. Add CSS in the <head> tag.
<link rel="stylesheet" href="css/animations.css"> 
<link rel="stylesheet" href="css/style.css"> 

2. Add Script
<script src='js/css3-animate-it.js'></script> 

3. Add HTML
<div class="animatedParent">
    <h3 class="animated bounceInUp go">bounceIn</h3>
    <p class="animated growIn go">Lorem ipsum dolor sit amet, consectetur adipisicing elit...</p>
</div>

For Information about author, go to: jackonthe.net

Share this

Related Posts