📜 ⬆️ ⬇️

Animate.css - a set of cross-browser CSS3 animations

Animate.css




The other day I came across this wonderful thing and decided to share it with Habrahabr.
Animate.css - build excellent cross-browser CSS3 animations in one file.


Little about the library

The library includes 56 animations, grouped by effect type, includes “input” and “output” from animating an element, as well as a simple constructor that allows you to include only the desired effects in the file.
The library is already used by sites Foursquare, EA, Disney, etc.
')
Using

In order to add an animation to an element, you need to assign it 2 classes: the class of the desired animation, and the class animated, to start the animation:
<div id="example" class="flip animated"></div> 


I have nothing more to say, just look demo.

Posted by: Daniel Eden
Demo
Github
Constructor

Source: https://habr.com/ru/post/190646/


All Articles