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.

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

Browser Kompatibilität

Siehe auch

• CSS Animationen nutzen
• AnimationEvent