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

This article mainly explains "the explanation and example usage of transition in css". The content of the explanation in the article is simple and clear, and it is easy to learn and understand. Please follow the editor's train of thought to study and learn "the explanation and example usage of transition in css".

Description

1. Transition allows you to add an excessive animation to CSS when it changes.

Typically, the CSS property change takes effect immediately, the new property value replaces the old property value in an ultra-short period of time, and then the browser redraws the style content (perhaps reflow or repaint). In most cases, you will feel a sudden change in style, while transition can add a smooth change effect.

2. The compatibility of transition is not poor, and basically all mobile devices can be used.

And can achieve gradual enhancement, support will have a transitional effect, do not support is direct switching, so you can rest assured to use.

Example

.content {background: magenta; transition: background 200ms ease-in 50ms;} .content: hover {background: yellow; transition: background 200ms ease-out 50ms;} Thank you for reading. The above is the content of "explanation and example usage of transition in css". After the study of this article, I believe you have a deeper understanding of the description and example usage of transition in css, and the specific usage needs to be verified in practice. Here is, the editor will push for you more related knowledge points of the article, welcome to follow!

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.