Présentation de quatre fonctionnalités CSS modernes qui permettent de gérer des animations et interactions avancées directement dans le navigateur, réduisant fortement le besoin de JavaScript. L’article met notamment en avant View Transitions, qui permet de créer facilement des transitions animées entre pages ou états d’interface, et Scroll-Driven Animations, qui synchronisent les animations avec la position de défilement pour réaliser des effets comme le parallaxe ou l’apparition d’éléments. Il explique aussi animation-composition, qui combine plusieurs transformations sans écraser les valeurs existantes, et @property, qui introduit des variables CSS typées et animables, rendant possibles des transitions fluides sur des propriétés complexes comme les dégradés ou les couleurs.

Tout est dans le titre

Ça promet : une fonctionnalité CSS (supportée uniquement par Chrome et ses dérivés pour le moment) qui permet, entre autres, de spécifier un type de propriétés CSS personnalisé. Il est possible ensuite de donner au navigateur toutes les infos nécessaires pour animer ces propriétés. Les démos sont très sympathiques