CSS animation-duration ominaisuus

Määritelmä ja käyttö

animation-duration Ominaisuus määrittelee, kuinka paljon aikaa kuluu yhden animaation kiertokierroksen suorittamiseen, sekunneissa tai millisekunneissa.

Katso myös:

CSS3 oppikirja:CSS animaatio

HTML DOM viittausoppikirja:animationDuration ominaisuus

Esimerkki

Määritä @keyframes-animaation nimi:

div {
  animation-duration: 3s;
}

Kokeile itse

CSS syntaksi

animation-duration: aika;
Arvo Kuvaus
aika Määrittelee, kuinka paljon aikaa kuluu animaation suorittamiseen. Oletusarvo on 0, mikä tarkoittaa, että animaatiota ei ole.

Tekninen yksityiskohta

Oletusarvo: 0
Perinnäisyys: ei
Versio: CSS3
JavaScript syntaksi: object.style.animationDuration="3s"

Selaimen tuki

Taulukossa olevat numerot osoittavat ensimmäisen selaimen version, joka tukee tätä ominaisuutta täysin.

Numerot, jotka sisältävät -webkit-, -moz- tai -o-, osoittavat ensimmäistä versiota, jossa käytetään etuliitettä.

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-