L'onglet Animations des outils pour les développeurs Chrome est un outil puissant qui vous permet de ralentir, de lire en mode "replay", d'ajuster les délais d'animation CSS et de voir les résultats immédiatement.
Lorsque l'onglet Animations est ouvert, il enregistre automatiquement les animations, les regroupe de manière pratique et vous permet de:
- Replayez et ralentissez les animations pour mieux les inspecter.
- Ajustez les durées, les délais et les retards en faisant glisser des points dans une timeline au lieu de deviner et de définir manuellement des valeurs CSS.
Vous pouvez également modifier les délais d'atténuation et définir des valeurs de courbe cubic-bezier personnalisées à l'aide de l'éditeur d'atténuation dans le volet Éléments > Styles. Pour en savoir plus, consultez Modifier les délais d'animation et de transition avec l'éditeur d'atténuation.
Pour une expérience d'apprentissage plus pratique, suivez le guide Inspecter et modifier les effets d'animation CSS.