More than 8000 hits per month
According to Google Analytics, the greatest hits are coming from Japan, United States, Brazil, China and Canada.
All animation.css is a set of fun animations to make your project sexier. They are cross-browser animations but that will emphasize your pages as sliders , 3D effects 's .
The all animation is a framework css3 created focusing on 3D 's animations and cross browsers. Recently released an update of all animation , which were inserted several animated components made in small lines of CSS3 / Stylus.
According to Google Analytics, the greatest hits are coming from Japan, United States, Brazil, China and Canada.
You don't need to import various media queries to fix your CSS animations on mobile. ;)
You just need to add a simple class and everything will be working perfectly!
1 Especials
2 Bounce
3 Perspective
4 Fading Entrances
5 Rotate
6 Agreccives
7 Legend
8 Portrait
9 Rotate
Include the necessary files in the head , so that the framework work properly
<link rel="stylesheet" type="text/css" href="yourpath/all-animation.css" />
To add the animation you can enter there by JavaScrip dynamically or statically placed there by html
<div class="dance">
Trigger Class...
</div>
The inclusion of jQuery is optional , you can also add a dynamic class with querySelectors
<div>
</div>
<button>Trigger class go</button>
Using jQuery:
$("button").click(function(e){
e.preventDefault();
$(div).addClass('dance');
});
or vanilha js:
document.querySelector('button').addEventListener('click',function(e){
e.preventDefault();
document.querySelector('div').classList.add('dance');
})
We still have much to develop if you want to contribute , the framework code is open on github.
The team All Animation CSS3 needs your help if you want to keep the online project :)
Regarding any concerns or suggestions, you can contact by email: clovisdasilvaneto@gmail.com
bower install all-animation
All Animation is current version 1.1.0
click here to download minified version click here to download production version