Lightning talk on how I recreated Cover Flow using only HTML and CSS, thanks to Scroll-Driven Animations.
Scroll-Driven Animations: Cover Flow (2022.10.06 @ Full Stack Europe)
Tag Archives: scroll-linked animations
Scroll-Linked Animations with ScrollTimeline and ViewTimeline
🚨 UPDATE: The Scroll-Linked Animations Specification and its proposed syntax have undergone a major rewrite. The contents of this video are mostly correct, yet some minor things have changed. Please refer to https://developer.chrome.com/articles/scroll-driven-animations/ for an article and examples that use the latest version of the syntax. In the latest episode of HTTP 203 I share …
Continue reading “Scroll-Linked Animations with ScrollTimeline and ViewTimeline”
Fun CSS-only scrolling effects for Matterday
In this post, Lynn Fisher walks us through the parallax scrolling CSS effects featured on the Matterday project. Does not use Scroll-Linked Animations (which is undergoing a spec rewrite) but transform hacks that rely on translateZ() to create a stack and scale() to correct the size again. Fun CSS-only scrolling effects for Matterday →
Reverse-Scrolling Columns with CSS Scroll-Timeline
