Mafaa wa CSS animation-duration Property

Inasababisha kufikia na kusababisha kufikia kwa sababu ya kina hiki.

animation-duration Inasababisha kufikia muda wa kufikia kwa sababu ya kina hiki, inayohusiana na sekunde ama milisekunde.

Tafadhali tazama:

Mwongozo wa CSS3:Hali ya CSS

Mwongozo wa HTML DOM:Inayohusiana na animationDuration

Mifano

Inasababisha jina la @keyframes kwa sababu ya mafungu ya kina hiki:

div {
  animation-duration: 3s;
}

Jifunze kwa kufikia:

Inayohusiana na KiCSS:

animation-duration: time;
Mwili Inasababisha kufikia muda wa kufikia kwa sababu ya kina hiki.
time Inasababisha kufikia muda wa kufikia kwa sababu ya kina hiki. Chaguo cha kuzingatia ni 0, inaonyesha kwamba huna mafungu ya uharibifu.

Mifano ya viwanda

Chaguo cha kuzingatia: 0
Muungano wa kina: hakuna
Muda: CSS3
Inayohusiana na KiJavaScript: object.style.animationDuration="3s"

Muungano wa kifungu

Mifano ya jumla inasema barua ya kwanza ya kufikia kwa sababu ya kina hiki.

Mifano -webkit-, -moz- au -o- niweza kufikia sababu ya kuanzia kwa sababu ya barua ya kwanza.

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-