All Animation.css is a set of animations, fun to let your sexiest project. 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 / SASS.
According to Google Analytics , the greatest hits are coming from Japan , the United States , Brazil , China and Canada
You need not be importing various media queries in your css to fix your animation in mobile ;)
Do not get praying for implementation of right. You just need to add a class and everything will be perfect
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
Am in love with javascript , like face new projects and always seeking to contribute and help in open source . I'm currently developing my own javascript library and updating the All Animation CSS3 to version 2.0