animation-timing-function

Définit comment l’animation progresse au cours d’un cycle

Syntaxe

{ animation-timing-function:sVar }

Valeurs possibles

sVar

Variante qui spécifie une des valeurs suivantes :

Cette propriété a pour valeur par défaut auto . Elle n’est pas héritée.

Remarques

Pour une animation d’image clé, la animation-timing-function s’applique entre les images clés, et non sur l’ensemble de l’animation. Par exemple, dans le cas d’une fonction de temporisation ease-in-out , une animation accélèrera au début de l’image clé et décélèrera à la fin de l’image clé. Une animation-timing-function définie au sein d’un bloc d’images clés s’applique à cette image clé, sinon la fonction de temporisation spécifiée pour l’animation est utilisée.

Informations relatives aux normes

Important :
Il s'agit d'une documentation préliminaire susceptible d'être modifiée.

Voir aussi

Concepts

animation
animation-delay
animation-direction
animation-duration
animation-iteration-count
animation-name

Autres ressources

animation-play-state