animation-name

Übersicht

Die CSS Eigenschaft animation-name 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.

• Standardwert none
• Anwendbar auf Alle Elemente, ::before und::after pseudo-Elemente
• Vererbt Nein
• Prozentwerte —
• Medium visuell
• Berechneter Wert siehe Spezifikation
• Animierbar Nein
• Canonical order the unique non-ambiguous order defined by the formal grammar

Syntax

Formal syntax: <single-animation-name>#

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

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.

Beispiel

Siehe CSS Animationen.

Spezifikation

Browser Kompatibilität

Siehe auch

• Using CSS animations
• AnimationEvent
• Animation-related CSS properties and at-rules: animation, animation-delay, animation-direction, animation-duration, animation-fill-mode, animation-iteration-count, animation-name, animation-play-state, animation-timing-function, @keyframes