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

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.