transition-timing-function
Transformation und Bewegung
Formt den Ablauf; ease beginnt und endet sanft.
| Schreibweise | transition-timing-function: ease; |
|---|---|
| Gängige Werte | ease, linear, cubic-bezier(.4,0,.2,1) |
| Vererbt | Nein — sie endet hier |
| Teil von | transition |
| Kategorie | Transformation und Bewegung |
So liest man das
- Eine vererbte Eigenschaft schreibt man einmal am Elternelement — alle Kinder übernehmen sie. Die meisten Texteigenschaften sind so.
- Eine Kurzschreibweise setzt Weggelassenes zurück. Nur background: red löscht auch ein zuvor gesetztes Hintergrundbild.
- Kollidieren Regeln, gewinnt der spezifischere Selektor; erst bei gleicher Spezifität zählt die Reihenfolge.
- Animieren Sie transform und opacity — das bleibt flüssig. width oder top zwingt zur Neuberechnung des Layouts.
Häufige Fragen
Q. Was ist die CSS-Eigenschaft transition-timing-function?
Formt den Ablauf; ease beginnt und endet sanft.
Q. Wie schreibt man transition-timing-function?
Als transition-timing-function: ease; Gängige Werte sind ease, linear, cubic-bezier(.4,0,.2,1).
Q. Wird transition-timing-function vererbt?
Nein. Sie gilt nur dort, wo sie steht — jedes Element braucht seine eigene Angabe.
Q. Welche Kurzform setzt transition-timing-function?
transition setzt sie in einer Zeile mit.