Enchanté, Julien Pradet

Cet exemple est hautement inspiré par Une démo de @jhey.

Le but est d'avoir une animation du sticky sans pour autant se reposer sur les Scroll Driven Animations. J'en parle en long en large et en travers dans mon article de blog : Comment faire un header sticky animé et performant ?

Vous y apprendrez :

• Le fonctionnement de la nouvelle API CSS : Scroll Driven Animation
• Comment animer un header sticky avec les techniques d'aujourd'hui
• Des astuces sur CSS Grid
• Des astuces sur IntersectionObserver
• Les pièges à éviter avec position: sticky et position: fixed
• A mettre en place des animations performantes avec un cas très concret et les détails qui vont au delà d'une simple démo
• A animer une image en utilisant un Sprite et du CSS