#Animate.css Add motion to your pages!
Animotion.css is a is a cross-browsers CSS library for animate HTML contents.
##Getting started After you download Animotion.css, move animotion.css to your root's CSS directory. Next, just include Animotion's CSS file inside of your tags:
<head>
<link rel="stylesheet" type="text/css" href="css/animotion.min.css"/>
</head>Then just use given classes to add specific animotion to your HTML elements. You can easily combine it with jQuery using the addClass method.
To add an Animotion programmatically:
$('#element').addClass('bounce infinite');Duration
short: animotion is repeated just oncemedium: animotion is repeated 5 timeslong: animotion is repeated 10 timesinfinite: animotion is repeated forever
You can customize the animation count overwriting those classes:
.short {
-webkit-animation-iteration-count: number;
-ms-animation-iteration-count: number;
animation-iteration-count: number;
}##Demo To check avaiable animotions and view a simple demo click here
Animation.css is licensed under the MIT license. (http://opensource.org/licenses/MIT)
Pull requests and feedbacks are welcome here!
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent