CSS-animation-name egenskap

Definition och användning

animation-name Egenskapen anger namnet på @keyframes-animeringen.

Kommentar:Ange alltid animation-duration Annars spelar animationen inte upp om varaktigheten är 0.

Se också:

CSS3教程:CSS animation

HTML DOM Referenshandbok:animationName Property

Exempel

Definiera ett namn för @keyframes-animering:

div
{
animation:mymove 5s infinite;
}

Prova själv

CSS Syntax

animation-name: keyframename|none;

Egenskapsvärde

Värde Beskrivning
keyframename Definierar namnet på keyframe som ska bindas till väljaren.
none Definierar ingen animeringseffekt (kan användas för att överskriva animationer från kaskad).

Tekniska detaljer

Standardvärde: none
Inherranskap: no
Version: CSS3
JavaScript Syntax: object.style.animationName="mymove"

Webbläsarstöd

Talen i tabellen indikerar den första webbläsarversionen som helt stöder egenskapen.

Bästa versionen med -webkit-, -moz- eller -o- prefix är den första versionen som använder prefixet.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
43.0
4.0 -webkit-		 10.0 16.0
5.0 -moz-		 9.0
4.0 -webkit-		 30.0
15.0 -webkit-
12.0 -o-