CSS-animation-name Eigenschaft

Definition und Verwendung

animation-name Definiert den Namen der @keyframes-Animation.

Kommentare:Definieren Sie immer animation-duration Wenn das Attribut nicht angegeben ist, wird die Animation nicht abgespielt, da die Dauer 0 beträgt.

Weitere Informationen siehe:

CSS3-Tutorial:CSS Animation

HTML DOM Referenzhandbuch:animationName-Attribut

Beispiel

Geben Sie einen Namen für die @keyframes-Animation an:

div
{
animation:mymove 5s unendlich;
}

Probieren Sie es selbst aus

CSS-Syntax

animation-name: keyframename|none;

Attributswert

Wert Beschreibung
keyframename Definiert den Namen des Keyframes, der mit dem Selector verbunden werden muss.
keine Definiert keine Animationseffekte (kann verwendet werden, um Animationen aus dem Kaskadenverhalten zu überdecken).

Technische Details

Standardwert: keine
Vererbbarkeit: nein
Version: CSS3
JavaScript-Syntax: object.style.animationName="mymove"

Browser-Unterstützung

Die Zahlen in der Tabelle kennzeichnen die erste Browser-Version, die diese Eigenschaft vollständig unterstützt.

Bereitschaft von -webkit-、-moz- oder -o- vorangetriebenen Zahlen zeigt die erste Version mit Präfixen an.

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-