Sequencing on CSS3 Animate It

If you want to have a set of animations start one after the other then you can set a sequence time in ms using "data-sequence" then define the order with "data-id".

Code Structure

<div class='animatedParent' data-sequence='500'>
 <h2 class='animated bounceInDown' data-id='1'>It Works!</h2>
 <h2 class='animated bounceInDown' data-id='2'>This animation will start 500ms after</h2>
 <h2 class='animated bounceInDown' data-id='3'>This animation will start 500ms after</h2>
</div>

For Information about author, go to: jackonthe.net

Share this

Related Posts