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

Basic 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');
@endsection {{-- page scripts --}} @section('page-script') @endsection