Skip to content
All Animation.css é um conjunto de animações, divertidas para deixar seu projeto mais sexy. São animações cross-browser que darão mas ênfase a suas páginas como controles deslizantes, efeitos 3D’s..
CSS JavaScript
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.
assets delete all DS.Store Jan 9, 2016
.gitignore Licence Adjustment Dec 9, 2015 readme update May 18, 2017
bower.json created Dec 7, 2015
package.json New url added Jan 31, 2016 Update Jul 13, 2017

All Animation

All animation.css is a set of fun animations to make your project sexier. They are cross-browser animations that will emphasize your pages with sliders, 3D effects, etc.

See the Portuguese language.

##Try the demo View demo


If you want to contribute to our project, read the file: ;)

How to use:

It's easy to use, let's see step by step:

Step 1, include the necessary files in the head so the framework works correctly:

Download the All Animation: click here


<link rel="stylesheet" type="text/css" href="yourpath/all-animation.css" />
<script type="text/javascript" src="yourpath/jquery.js"></script>

or run

npm install all-animation

Step 2, HTML:

<div id="animation"></div>

<button class="anny-class">Trigger class, go!</button>

Step 3, jQuery:



If you want to add the effect at some specified time, just place a timer:

Example, triggering an animation in a particular element after 2 seconds:



If you want to add some animation on an element that has had another animation, or you want to restart the animation previously triggered, you have to remove the last animation and trigger the new one. Example:


We have several classes for animations:


  • dance
  • journal
  • pulse
  • pulse-slow
  • jamp
  • four-rock


  • enter-up-bounce
  • enter-down-bounce
  • enter-right-bounce
  • enter-left-bounce
  • scale-bounce
  • jump-bounce


  • tree-flip-right
  • tree-flip
  • tree-flip-up
  • tree-flip-down
  • flip-left-bounce
  • rotate-flip
  • flip-right-bounce

Fading Entrances:

  • flip-top
  • flip-left
  • flip-right
  • flip-bottom


  • rotate-flip-down
  • rotate-down-bounce
  • rotate-out


  • flash-bang
  • bomba


Clóvis Neto

You can’t perform that action at this time.