Elements


These modular elements can be readily used and customized across pages and in different blocks.


	<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.