Style animationName-egenskapen

Definition och användning

animationName Egenskapsinställning eller återgivning av namnet på @keyframes-animationen.

Exempel

Ändra animationName-egenskapen för <div>-elementet:

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

Prova själv

syntaks

Återge animationName-egenskapen:

object.style.animationName

Ställ in animationName-egenskapen:

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

egenskapsvärde

värde beskrivning
none standardvärde. Föreskriver att det inte finns någon animation (kan användas för att överskriva animationer från kaskad).
keyframename föreskriver namnet på de viktiga ramarna som ska bindas till väljaren.
initial sätt denna egenskap till dess standardvärde. Se initial.
inherit arvinger denna egenskap från föräldrelementet. Se inherit.

tekniska detaljer

standardvärde: none
återvärdet: sträng, som anger elementets animation-name-attribut.
CSS-version: CSS3

webbläsarstöd

animationName är en CSS3 (1999) egenskap.

Alla webbläsare stöder det fullt ut:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
stödjer stödjer stödjer stödjer stödjer 11

relaterade sidor

CSS referenshandbok:animation-name-attribut