CSS kurz & gut, 4th Edition

Name

transition-timing-function — CSS3

Werte:

<transition-timing> [, <transition-timing>]*

Einzelwerte:

<transition-timing>

ease | linear | ease-in | ease-out | ease-in-out | cubic-bezier(<Zahl>, <Zahl>, <Zahl>, <Zahl>)

Anfangswert:

ease

Anwendbar auf:

Alle Elemente sowie die Pseudoelemente ::before und ::after

Vererbt:

Nein

Berechneter Wert:

Entspricht dem deklarierten Wert

Beschreibung:

Definiert die Art und Weise, wie Zwischenzustände eines Übergangs berechnet werden. Die Wert-Schlüsselwörter (ease, linear usw.) sind Kurzfassungen für spezifische cubic-bezier()-Werte, die in der Spezifikation definiert sind, so dass es sich de facto bei allen Werten dieser Eigenschaft um cubic-bezier()-Werte handelt.

Beispiele:

a[href]:hover {transition-timing-function: ease-in-out;} ...