@extends('layouts.contentLayoutMaster') {{-- page title --}} @section('title','Animations') {{-- vendor styles --}} @section('vendor-style') @endsection {{-- page content --}} @section('content')
Animate.css Just-add-water CSS animations.
Use a classes .animation-{name}
to quickly add a animation.
Add the class animated
to the element you want to animate. You may also want to
include the class infinite
for an infinite loop.
Example:
You can do a whole bunch of other stuff with animate.css when you combine it with jQuery or add your own CSS rules. Dynamically add animations using jQuery with ease:
View a video tutorial on how to use Animate.css with jQuery here.
$('#yourElement').addClass('animated bounceOutLeft');