animation-name

├ťbersicht

Die animation-name CSS Eigenschaft definiert eine Liste von Animationen, welche dem Element zugeortnet werden sollen. Jeder name steht f├╝r eine @keyframes Regel, welche den Ablauf der Animation definiert.

Meistens wird die Kurzform animation genutzt, um alle Eigenschaften der Animation auf einen Blick zu haben.

Initialwertnone
Anwendbar aufalle Elemente, ::before und ::after Pseudoelemente
VererbtNein
Berechneter Wertwie angegeben
Animationstypdiskret

Syntax

animation-name: none;
animation-name: test_05;
animation-name: -specific;
animation-name: sliding-vertically;

animation-name: test1;
animation-name: test1, animation4;
animation-name: none, -moz-specific, sliding;

/* Globale Werte */
animation-name: initial;
animation-name: inherit;
animation-name: unset;

Werte

none
Keine Animation soll abgespielt werden. Dieser Wert erm├Âglicht das deaktivieren einer Animation, ohne die dazugeh├Ârigen Eigenschaften und Regeln zu ├Ąndern.
IDENT
Eine beliebige Zeichenkette aus den Buchstaben a bis z, Zahlen 0 bis 9, Bodenstriche (_), und oder Bindestriche (-). Das erste Zeichen muss ein Buchstabe oder einer der beiden zugelassenen Striche sein. Es d├╝rfen nicht zwei hintereinandeflogende Striche am Anfang stehen.

Formale Syntax

[ none | <keyframes-name> ]#

wobei
<keyframes-name> = <custom-ident> | <string>

Beispiele

Siehe CSS Animationen f├╝r Beispiele.

Spezifikationen

Spezifikation Status Anmerkung
CSS Animations
Die Definition von 'animation-name' in dieser Spezifikation.
Arbeitsentwurf Urspr├╝ngliche Definition

Browser Kompatibilit├Ąt

BCD tables only load in the browser

Siehe auch