CSS/Eigenschaften/transition-duration
Aus SELFHTML-Wiki
< CSS | Eigenschaften
Die Eigenschaft transition-duration legt fest, wie lange der Übergang von einem Wert auf den Endwert dauert.
- Erlaubte Werte
Zeit
: Zeitangabe in Sekunden(s) oder Millisekunden(ms)initial
: Werte werden auf Standardwert zurückgesetztinherit
: Werte werden vom Elternelement übernommen
- Vererbung steuernde Werte
inherit
,initial
,unset
undrevert
- Standardwert
0s
- anwendbar auf
alle Elemente
- Vererbung
nein
- animierbar
nein
Beispiel
aside { color:black transition-property: color; transition-duration: 2s; } aside:hover { color: red; }
Wenn der Benutzer mit der Maus über das aside-Element fährt, verändert sich die Textfarbe auf rot. Die Dauer des Übergangs beträgt 2 Sekunden.
Siehe auch
Weblinks
- Spezifikation (W3C): transition-duration
- MDN: transition-duration
- Details: caniuse.com
Liste der CSS-Eigenschaften
- Animationen
- animation
- offset
- offset-anchor
- offset-distance
- offset-path (ehem. motion-path)
- offset-rotate
- transition
- transition-delay
- transition-duration
- transition-property
- transition-timing-function
- will-change
- Abstände
- Benutzeroberfläche
- Container
- generierter Inhalt
- Größenangaben
- Box-Ausrichtung
- Flexbox Layout
- Grid Layout
- Hintergründe
- Listen
- Tabellen
- Positionierung und Anzeige
- Scroll Snap
- Rahmen und Schatten
- Schriftformatierung
- Textformatierung
- Textausrichtung
- Umbruchsteuerung
- Transformationen