Attribute ng animation-duration ng CSS

Definition and Usage

animation-duration Ang katangian ay nagtatala ng oras na kailangan upang tapusin ang isang cycle ng animation, na may siyam o milisegundo.

See also:

CSS3 Tutorial:CSS 动画

HTML DOM Reference Manual:AnimationDuration Attribute

Example

Tutukoy ng pangalan para sa @keyframes animation:

div {
  animation-duration: 3s;
}

Tustuhan Mo!

Grammar ng CSS

animation-duration: time;
Value Description
time Tinutukoy ng ito ang oras na kailangan upang tapusin ang animation. Ang default value ay 0, ibig sabihin walang epekto ng animation.

Technical Details

Default Value: 0
Inheritsibility: no
Bersyon: CSS3
Grammar ng JavaScript: object.style.animationDuration="3s"

Suporta ng Browser

Ang mga numero sa talahanayan ay nagtatala ng kauna-unahang bersyon ng browser na nagbibigay ng buong suporta sa katangian.

Mayumang bilang -webkit-、-moz- o -o- ang unang bersyon na gumagamit ng prefix.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
43.0
3.0 -webkit-
10.0 16.0
5.0 -moz-
9.0
4.0 -webkit-
30.0
15.0 -webkit-
12.0 -o-