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.
Initialwert | none |
---|---|
Anwendbar auf | alle Elemente, ::before und ::after Pseudoelemente |
Vererbt | Nein |
Berechneter Wert | wie angegeben |
Animationstyp | diskret |
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
bisz
, Zahlen0
bis9
, 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
Beispiele
Siehe CSS Animationen für Beispiele.
Spezifikationen
Spezifikation | Status | Anmerkung |
---|---|---|
CSS Animations Level 1 Die Definition von 'animation-name' in dieser Spezifikation. |
Arbeitsentwurf | Ursprüngliche Definition |
Browser Kompatibilität
BCD tables only load in the browser