Une remarque ? Une suggestion ?...

Merci de participer à l'amélioration de ce site. Prenez le temps de rédiger votre remarque le plus précisément possible :

CSS - Propriété transition-timing-function

Description de la propriété transition-timing-function.

Définit une fonction pour calculer la dynamique de la transition. La progression est-elle linéaire ? Y a-t-il ralentissement ou accélération ? etc.

Pour une explication générale sur les transitions, reportez-vous à la propriété raccourcie transition.

Valeurs pour transition-timing-function.

  • transition-timing-function: ease-in;

    Les valeurs sont les mêmes que celles de la propriété animation-timing-function. Reportez-vous à cette propriété pour consulter les valeurs possibles.

    La valeur par défaut est ease.

  • transition-timing-function: ease-in, linear;

    Lorsque plusieurs valeurs sont spécifiées, séparées par des virgules, elles s'appliquent aux différentes transitions définies par la propriété transition-property. Voir les explications sur les transitions multiples.

  • transition-timing-function: initial;

    La valeur initiale est ease.

  • transition-timing-function: unset; transition-timing-function: inherit;

    Reportez-vous à la description générale de ces valeurs.

Simulateur.

transition-timing-function :
Linear
(pour comparaison)

Voir aussi...

Animation - Propriétés.

Animation - Directives.

Animation - Fonctions.

  • cubic-bezier() : Détermine une progression non linéaire pour les animations.
  • steps() : Définit une animation saccadée, pas par pas.