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
rollIn
Lorem ipsum dolor sit amet con sectetur adipisicing elit.sed do eiusm tempor.
rotateIn
Lorem ipsum dolor sit amet con sectetur adipisicing elit.sed do eiusm tempor.
lightSpeedIn
Lorem ipsum dolor sit amet con sectetur adipisicing elit.sed do eiusm tempor.
bounceInLeft
Lorem ipsum dolor sit amet con sectetur adipisicing elit.sed do eiusm tempor.
pulse
Lorem ipsum dolor sit amet con sectetur adipisicing elit.sed do eiusm tempor.
bounceInRight
Lorem ipsum dolor sit amet con sectetur adipisicing elit.sed do eiusm tempor.
fadeInLeft
Lorem ipsum dolor sit amet con sectetur adipisicing elit.sed do eiusm tempor.
fadeInDown
Lorem ipsum dolor sit amet con sectetur adipisicing elit.sed do eiusm tempor.
fadeInRight
Lorem ipsum dolor sit amet con sectetur adipisicing elit.sed do eiusm tempor.
bounceInLeft
Lorem ipsum dolor sit amet con sectetur adipisicing elit.sed do eiusm tempor.
flipInX
Lorem ipsum dolor sit amet con sectetur adipisicing elit.sed do eiusm tempor.
slideInRight
Lorem ipsum dolor sit amet con sectetur adipisicing elit.sed do eiusm tempor.