What is the use of the animation-duration attribute in CSS3

This article mainly shows you the "what is the use of animation-duration attributes in CSS3", the content is simple and clear, and I hope it can help you solve your doubts, so let me lead you to study and learn "what is the use of animation-duration attributes in CSS3" this article.

Example

The animation is completed in two seconds:

Animation-duration:2s;-webkit-animation-duration:2s; / * Safari and Chrome * /

Browser support

The number in the table represents the first browser version number that supports the property.

The number immediately before-webkit-,-ms- or-moz- is the first browser version number that supports the prefix attribute.

Attribute animation-duration43.03.0-webkit-10.016.05.0-moz-9.04.0-webkit-30.015.0-webkit-12.0-o-

Label definition and instructions for use

The animation-duration attribute defines how many seconds or milliseconds it takes for an animation to complete a cycle.

Default: 0 inheritance: no version: CSS3JavaScript syntax: objectobject.style.animationDuration= "3s"

Grammar

Animation-duration: time

Value indicates that time specifies the time it takes for the animation to complete playback. The default value is 0, which means there is no animation. The above is all the content of the article "what is the use of animation-duration attributes in CSS3". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!