Style animationName-eigenschap

definitie en gebruik

animationName eigenschap instellen of retourneren van de naam van de @keyframes-animation.

voorbeeld

verander de animationName-eigenschap van het <div>-element:

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

probeer het zelf uit

syntaxis

geef de animationName-eigenschap terug:

object.style.animationName

stel de animationName-eigenschap in:

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

eigenschapswaarde

waarde beschrijving
none standaardwaarde. Stelt dat er geen animatie is (kan gebruikt worden om animaties van de kaskade te overschrijven).
keyframename stelt de naam van de keyframes die gebonden moeten worden aan de selector.
initial stel deze eigenschap in op zijn standaardwaarde. Raadpleeg initial.
inherit erft deze eigenschap van de ouder element. Raadpleeg inherit.

technische details

standaardwaarde: none
terugkeerwaarde: een tekenreeks die de animation-name property.
CSS versie: CSS3

browserondersteuning

animationName is een CSS3 (1999) kenmerk.

Alle browsers ondersteunen het volledig:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
ondersteunt ondersteunt ondersteunt ondersteunt ondersteunt 11

gerelateerde pagina's

CSS Referentiehandleiding:animation-name property