Style animationDuration ominaisuus

määrittely ja käyttö

animationDuration määrittää animaation kestävän yhden kerran tarvittavan sekuntien tai millisekuntien määrän.

esimerkki

muuta <div>-elementin animationDuration-ominaisuutta:

document.getElementById("myDIV").style.animationDuration = "3s";

kokeile itse

syntaksi

palauta animationDuration-ominaisuus:

objekti.style.animationDuration

Aseta animationDuration-ominaisuus:

objekti.style.animationDuration = "aika|initial|inherit"

ominaisuusarvo

arvo kuvaus
aika määrittää animaation päättymiseen tarvittavan ajan. Oletusarvo on 0, mikä tarkoittaa, että animaatiota ei ole.
initial aseta tämä ominaisuus sen oletusarvoon. Katso initial.
inherit perii tämän ominaisuuden vanhemmalta elementiltään. Katso inherit.

tekniset yksityiskohdat

oletusarvo: 0
palautusarvo: merkkijono, joka ilmaisee elementin animation-duration-ominaisuus.
CSS versioona: CSS3

selaimen tuki

animationDuration on CSS3 (1999) ominaisuus.

Kaikki selaimet tukevat sen täysin:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
tuki tuki tuki tuki tuki 11

Liittyvät sivut

CSS viittausoppikirja:animation-duration-ominaisuus