CSS Scroll-Triggered Animations : visualiser et ajuster les plages

Cette extension pour Chrome DevTools rend les animations CSS déclenchées par le défilement plus faciles à diagnostiquer : une minimap situe le scroller, l’élément et le sujet, tandis que des repères colorés montrent les plages d’activation et d’activité. Les valeurs se modifient en direct ; l’outil prend en charge ScrollTimeline, ViewTimeline et les éléments en position: sticky.

Deux limites viennent de Chrome : les unités relatives comme 90vh sont ramenées à des pixels calculés, et les éléments dans un iframe ne sont pas pris en charge. L’extension répond ainsi à un manque des DevTools, en attendant un éventuel support intégré.