Elements
These modular elements can be readily used and customized across pages and in different blocks.
Animations <> show code
<div class="anim_item animated" data-animation="rollIn">
<div class="icon">
<i class="fa fa-paper-plane" aria-hidden="true"></i>
</div>
<h5>rollIn</h5>
<p>Lorem ipsum dolor sit amet con sectetur adipisicing elit.sed do eiusm tempor.</p>
</div>
How to use
All these animations are dependent on animate.css
- Give animating item .animated classname and set data-attribute=" " any of the animation name from animate.css
Example
bounce
In pellentesque enim sed congue lobortis. Nam congue varius posuere turpis tincidunt.
flash
Morbi tincidunt dictum enim, et iaculis urna. Maecenas mattis bibendum varius sagittis.
pulse
Donec condimentum neque id sollicitudin facilisis. Vestibulum condimentum eget mi.
rubberBand
Nam sagittis nisi nec elit ornare,imperdiet nunc facilisis Suspendisse Integer.
shake
Lorem ipsum dolor sit amet con sectetur adipisicing elit.sed do eiusm tempor.
swing
Lorem ipsum dolor sit amet con sectetur adipisicing elit.sed do eiusm tempor.
tada
Lorem ipsum dolor sit amet con sectetur adipisicing elit.sed do eiusm tempor.
wobble
Lorem ipsum dolor sit amet con sectetur adipisicing elit.sed do eiusm tempor.
jello
Lorem ipsum dolor sit amet con sectetur adipisicing elit.sed do eiusm tempor.