Shulou(Shulou.com)06/01 Report--

This article mainly introduces what the four core attributes of css are, which can be used for reference by interested friends. I hope you can learn a lot after reading this article.

Four core attributes

CSS animation provides a relatively simple way to make a smooth transition between a large number of attributes. A good animation interface depends on a smooth experience. In order to maintain good performance in our animation timeline, we must limit our animation attributes to the following four cores:

Zoom-transform:scale (2)

Rotate-transform:rotate (180deg)

Location-transform:translateX (50rem)

Opacity-opacity: 0.5

Animation attributes such as border radius, height / width, or margins affect the browser layout method, while the animation of the background, color, or box shadow affects the browser drawing method. All of this will greatly reduce your FPS (FramesPerSecond). You can use these properties to produce some interesting effects, but you should use them carefully to maintain good performance.

Thank you for reading this article carefully. I hope the article "what are the four core attributes of css" shared by the editor will be helpful to you. At the same time, I also hope that you will support us and pay attention to the industry information channel. More related knowledge is waiting for you to learn!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.