CSS/Eigenschaften/animation-duration
Aus SELFHTML-Wiki
< CSS | Eigenschaften
Die Eigenschaft animation-duration legt die Dauer der Animation fest.
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;}
}
Die Animation mit Namen Beispiel dauert 3 Sekunden. Wenn die keyframes-Regel aufgerufen wird, ändert sich der Hintergrund von schwarz auf rot.
Weblinks
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