CSS/Eigenschaften/animation-name
Aus SELFHTML-Wiki
< CSS | Eigenschaften(Weitergeleitet von Animation-name)
Die Eigenschaft animation-name definiert eine Liste von Animationen, die in einer @keyframe-Regel aufgerufen werden sind.
erlaubte Werte |
|
---|---|
anwendbar auf | alle Elemente, Pseudoelemente ::before und ::after (Unterschied Tag Element Attribut) |
Vererbung | nein |
animierbar | nein |
Beispiel
aside { animation-name: beispiel; animation-duration: 3s; } @keyframes beispiel { from {background-color: #000;} to {background-color: #fff;} }
Beachten Sie: Sie können Ihrer Animation beliebige (optimalerweise sinnvolle) Namen geben.
Folgende Begriffe sind aber reserviert und führen zum Abbruch der Animation:
ease, linear, infinite, alternate, running, paused, usw.Weblinks
- W3C animation-name
Siehe auch
Liste der CSS-Eigenschaften
- Animation
- animation
- keyframe
- offset
- offset-anchor
- offset-distance
- offset-path (ehem. motion-path)
- offset-rotation
- transition
- Abstände
- Benutzeroberfläche
- generierter Inhalt
- Größenangaben
- Grid Layout
- Hintergründe
- Listen
- Tabellen
- Positionierung und Anzeige
- Rahmen und Schatten
- Schriftformatierung
- Textausrichtung
beispiel
zugewiesen und anschließend in der keyframes-Regel aufgerufen.