animate.css is a CSS3 animation library, which can be downloaded to GitHub, which presupposes a number of common animations. It can be shown on this page, and it is easy to use, because it is binding different animations into different classes, so what kind of animation we want to use At the time, just simply add that corresponding class to the element:
first, introduce the downloaded animate.css file to the head
> > br / > and which element you want to animate To add the animated class and the specific animation class name to that element, animated is the class that every animation element must add.
suppose that jQuery is used to add a shaking anime to an element of ID for demo, because the shaking animated class name is shake, so the code is this:
load the page so that. The elements are able to move. You can also remove the animation class after the animation is finished so that you can do the same animation again.
as for the configuration parameters of the animation, such as animation duration, the number of animations, and so on, you can define it on your element and cover out the definition in the animate.css. .
pay attention to these attributes and remember the prefixes of the browsers.
in a word is very flexible, in the end is not a CSS file, a look at it, you want to understand how the whole, do not want to use the class name, it will be changed in it. If you want to animate only part of it, you can separate the animations that you want to use,
its official network https://daneden.github.io/animate.css/
provides such a function.