Attribut Style transitionTimingFunction

Définition et utilisation

transitionTimingFunction L'attribut détermine la courbe de vitesse de l'effet de transition.

Cette propriété permet à l'effet de transition de changer de vitesse pendant sa durée.

Voir également :

Manuel de référence CSS :L'attribut transition-timing-function

Exemple

Changer la courbe de vitesse de l'effet de transition :

document.getElementById("myDIV").style.transitionTimingFunction = "linear";

Essayez-le vous-même

Syntaxe

Retourner l'attribut transitionTimingFunction :

object.style.transitionTimingFunction

Définir l'attribut transitionTimingFunction :

object.style.transitionTimingFunction = 
"ease|linear|ease-in|ease-out|ease-in-out|cubic-bezier()|initial|inherit"

Valeur de l'attribut

Valeur Description
ease

Valeur par défaut. Définit un effet de transition lent au début, puis rapide, puis lent à la fin.

Équivaut à : cubic-bezier(0.25, 0.1, 0.25, 1) .
linear

Définit un effet de transition où la vitesse reste la même de début à fin.

Équivaut à : cubic-bezier(0, 0, 1, 1) .
ease-in

Définit un effet de transition lent au début.

Équivaut à : cubic-bezier(0.42, 0, 1, 1) .
ease-out

Définit un effet de transition lent à la fin.

Équivaut à : cubic-bezier(0, 0, 0.58, 1) .
ease-in-out

Définit un effet de transition lent au début et à la fin.

Équivaut à : cubic-bezier(0.42, 0, 0.58, 1) .
cubic-bezier(n, n, n, n)

Définissez vos propres valeurs dans la fonction cubique Bezier.

Les valeurs possibles sont des nombres de 0 à 1.
initial Sets this property to its default value. See initial.
inherit Inherits this property from its parent element. See inherit.

Détails techniques

Valeur par défaut : ease
Valeur de retour : Une chaîne, représentant l'état L'attribut transition-timing-function.
Version de CSS : CSS3

Support du navigateur

Les nombres dans le tableau indiquent la version du navigateur qui prend en charge cette propriété pour la première fois.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
26.0 10.0 16.0 6.1 12.1