Style animationName-ominaisuus
- Edellinen sivu animationIterationCount
- Seuraava sivu animationTimingFunction
- Palaa ylös HTML DOM Style-objekti
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";
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
- Edellinen sivu animationIterationCount
- Seuraava sivu animationTimingFunction
- Palaa ylös HTML DOM Style-objekti