Introduction to Re: CSS3 animation and the use of animation library animate.css

Now that we know how to define a keyframe animation, how do we achieve this animation? In fact, it's very simple. Just animate this animation to a certain element to be animated.

animations are bound to elements, and we can use the animation attribute. The animation attributes have the following:

, like the transition properties mentioned earlier, can also simply write these animation attributes to a animation, and the default values can also be omitted. But the animation-play-state attribute can not be abbreviated to animation.

If a defined animation is bound to an element like this, a key frame animation can be achieved, rather than the first transition animation that requires a change of state to trigger animation. .

--------------------------------------------------------------------------------------------------------------------
attention, for the best browser compatibility effect, When you actually write the code, you have to add the private prefix

of the big browsers.