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

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.