How to use css animation-duration property

css animation-duration property is used to define the time required for animation to complete a cycle, in seconds or milliseconds; the basic syntax is animation-duration: time.

How to use the css animation-duration property?

Function: The animation-duration attribute defines the time required for the animation to complete a cycle, measured in seconds or milliseconds.

Syntax:

animation-duration: time

Description: time specifies the time it takes to complete the animation. The default value is 0, which means no animation effect.​

Note: Internet Explorer 9 and earlier versions do not support the animation-duration attribute.

css animation-duration property Example

注释：Internet Explorer 9 以及更早的版本不支持 animation-name 属性。

注释：始终规定 animation-duration 属性，否则时长为 0，就不会播放动画了。

Effect:

The above is the detailed content of How to use css animation-duration property. For more information, please follow other related articles on the PHP Chinese website!