Style animationName-ominaisuus

Määrittely ja käyttö

animationName Asettaa tai palauttaa @keyframes-animaation nimen valitsimelle.

Esimerkki

Muuta <div>-elementin animationName-ominaisuutta:

document.getElementById("myDIV").style.animationName = "myNEWmove";

Kokeile itse

Syntaksi

Palauta animationName-ominaisuus:

objekti.style.animationName

Aseta animationName-ominaisuus:

objekti.style.animationName = "none|keyframename|initial|inherit"

Ominaisuusarvo

Arvo Kuvaus
none Oletusarvo. Määrittelee, että ei ole animaatiota (voidaan käyttää peittämään perimät animaatiot).
keyframename Määrittelee nimet, jotka sidotaan valitsimeen avainruudut.
initial Aseta tämä ominaisuus sen oletusarvoon. Katso initial
inherit Perii tämän ominaisuuden vanhemmalta elementiltä. Katso inherit

Tekninen yksityiskohta

Oletusarvo: none
Palautusarvo: Merkkijono, joka ilmaisee elementin animation-name-ominaisuus
CSS versioona: CSS3

Selaimen tuki

animationName On CSS3 (1999) ominaisuus。

Kaikki selaimet tukevat sen täysin:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
Tukee Tukee Tukee Tukee Tukee 11

Aiheeseen liittyvät sivut

CSS viittausoppikirja:animation-name-ominaisuus