CSS/Eigenschaften/transition-timing-function
Aus SELFHTML-Wiki
< CSS | Eigenschaften
Die Eigenschaft transition-timing-function legt fest, wie lange der Übergang dauert..
erlaubte Werte |
|
---|---|
anwendbar auf | alle Elemente (Unterschied Tag Element Attribut) |
Browsersupport | Details: caniuse.com |
Vererbung | nein |
animierbar | nein |
Beispiel
aside { color:black transition-property: color; transition-duration: 2s; transition-timing-function: ease-out; } aside:hover { color: red; }
Wenn der Benutzer mit der Maus über das aside-Element fährt, verändert sich die Textfarbe auf rot. Der Übergang verläuft schnell, wird zum Ende hin aber langsamer.
Weblinks
- Spezifikation (W3C): transition-timing-function
- MDN: transition-timing-function
Siehe auch
Liste der CSS-Eigenschaften
- Animation
- animation
- keyframe
- offset
- offset-anchor
- offset-distance
- offset-path (ehem. motion-path)
- offset-rotation
- transition
- transition-delay
- transition-duration
- transition-property
- transition-timing-function
- Abstände
- Benutzeroberfläche
- generierter Inhalt
- Größenangaben
- Grid Layout
- Hintergründe
- Listen
- Tabellen
- Positionierung und Anzeige
- Rahmen und Schatten
- Schriftformatierung
- Textausrichtung