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
Lorem ipsum dolor sit amet con sectetur adipisicing elit.sed do eiusm tempor.
flash
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.
rubberBand
Lorem ipsum dolor sit amet con sectetur adipisicing elit.sed do eiusm tempor.
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.
bounceIn
Lorem ipsum dolor sit amet con sectetur adipisicing elit.sed do eiusm tempor.
bounceInDown
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.
bounceInRight
Lorem ipsum dolor sit amet con sectetur adipisicing elit.sed do eiusm tempor.
bounceInUp
Lorem ipsum dolor sit amet con sectetur adipisicing elit.sed do eiusm tempor.
fadeIn
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.
fadeInDownBig
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.
fadeInLeftBig
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.
fadeInRightBig
Lorem ipsum dolor sit amet con sectetur adipisicing elit.sed do eiusm tempor.
fadeInUp
Lorem ipsum dolor sit amet con sectetur adipisicing elit.sed do eiusm tempor.
fadeInUpBig
Lorem ipsum dolor sit amet con sectetur adipisicing elit.sed do eiusm tempor.
flip
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.
flipInY
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.
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.
rotateInDownLeft
Lorem ipsum dolor sit amet con sectetur adipisicing elit.sed do eiusm tempor.
rotateInDownRight
Lorem ipsum dolor sit amet con sectetur adipisicing elit.sed do eiusm tempor.
rotateInUpLeft
Lorem ipsum dolor sit amet con sectetur adipisicing elit.sed do eiusm tempor.
rotateInUpRight
Lorem ipsum dolor sit amet con sectetur adipisicing elit.sed do eiusm tempor.
slideInUp
Lorem ipsum dolor sit amet con sectetur adipisicing elit.sed do eiusm tempor.
slideInDown
Lorem ipsum dolor sit amet con sectetur adipisicing elit.sed do eiusm tempor.
slideInLeft
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.
zoomIn
Lorem ipsum dolor sit amet con sectetur adipisicing elit.sed do eiusm tempor.
zoomInUp
Lorem ipsum dolor sit amet con sectetur adipisicing elit.sed do eiusm tempor.
zoomInDown
Lorem ipsum dolor sit amet con sectetur adipisicing elit.sed do eiusm tempor.
zoomInLeft
Lorem ipsum dolor sit amet con sectetur adipisicing elit.sed do eiusm tempor.
zoomInRight
Lorem ipsum dolor sit amet con sectetur adipisicing elit.sed do eiusm tempor.