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

This article mainly introduces what animation refers to in css. It has certain reference value. Interested friends can refer to it. I hope you will gain a lot after reading this article. Let Xiaobian take you to understand it together.

Css3 provides powerful animation animations that can specify multiple keyframes, allowing for richer custom animations to be defined.

Animations make it possible to convert from one CSS style configuration to another.

Animation consists of two parts, the style rules that describe the animation and the keyframes that specify the start, end, and midpoint styles of the animation.

abbreviated syntax

Animation: Duration| transition mode| delay| number| direction| fill mode| whether to suspend| Animation name

examples

linear The speed of the animation is the same ease from beginning to end Default. Animation starts slow, then speeds up, slows ease-in before ending animation starts at low speed ease-out animation ends at low speed ease-in-out animation starts and ends at low speed cubic-bezier(n, n,n) Thank you for reading this article carefully. I hope that Xiaobian's shared "what animation refers to in css" article will help everyone. At the same time, I hope that everyone will support it a lot. Pay attention to the industry information channel. More relevant 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.