Fonction d'accélération CSS

Le module des fonctions d'accélération CSS définit des fonctions d'accélération, qui fournissent un moyen de contrôler la transformation des valeurs. Les fonctions définies incluent les fonctions d'accélération linéaires, cubiques de Bézier et par étapes. Ces fonctions d'accélération peuvent être appliquées aux animations et aux transitions.

Augmenter progressivement la vitesse à laquelle un élément se déplace peut donner à l'élément une sensation de poids, comme s'il prenait de l'élan. Les fonctions d'accélération permettent de contrôler le taux de changement. Les fonctions d'accélération cubiques de Bézier peuvent être utilisées pour produire des éléments d'interface utilisateur intuitifs ou des accessoires de dessin animé convaincants qui se comportent comme leurs homologues physiques.

De manière alternative, vous pouvez vouloir qu'une animation avance par étapes distinctes, pour créer un mouvement robotique, ou l'effet d'une roue segmentée qui tourne de telle sorte que les segments apparaissent toujours dans la même position. Pour cela, les fonctions d'accélération par étapes peuvent être utilisées.