Animate.css: an awesome css3animation library, and Animate.css css3
Animate.cssis a very awesome css3animation library for cross-page viewers. It is easy to import an animate.min.css with just a simple example,
Simple use 1 first introduce the style of the animate css file
Cdn files
Download to local
2. Specify a style for the specified Element
We can see that there are three classes, the first of which is the basic style, all the elements to produce the animation are required, and the second infinite is optional. If this class is added, the animation will be executed cyclically, and the third is the animation effect. Currently, animations have many animation effects. For details, click here to view www.siyouku.cn/wenqing/animation.
<div id="demoimg" class="animated infinite bounce"> $('#demoimg').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', doSomething);
4. Sometimes we need to customize some animation settings. We can implement them using the following code:
# Demoimg {-vendor-animation-duration: 3 s; // animation duration-vendor-animation-delay: 2 s; // animation Delay Time-vendor-animation-iteration-count: infinite; // Number of animation executions, which is always executed}
Related Links
Animation demo: www.siyouku.cn/wenqing/animation
Github: github.com/daneden/animate.css
Permanent update address: www.siyouku.cn/article/6827.html