Ü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
[ 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