What are the advantages of using css3 to realize animation

This article mainly introduces the benefits of using css3 to achieve animation, the article is very detailed, has a certain reference value, interested friends must read it!

Css3 to achieve animation benefits: 1, the browser can optimize the animation (elements are not visible when not animated, reducing the impact on FPS); 2, the implementation code is relatively simple; 3, you can use hardware acceleration; 4, do not occupy the main thread.

The operating environment of this tutorial: windows7 system, CSS3&&HTML5 version, Dell G3 computer.

Generally speaking, there are only three attributes of css3 animation: transform (deformation), transition (transition), and animation (animation).

Transition:1s (transition animation): a transition from a specific value of one person to another

Transform:rotate (300deg) x transform:rotageY y rotate transform:rotageX (300deg) transform:rotageY (300deg)

Transform:scale (0.5) scale x-axis, y-axis > 1 zoom in