A guide to Scroll-driven Animations with just CSS
CSS animations have come a long way since Apple first introduced them to the web in 2007. What started as simple effects like animating from one color to another has turned into beautiful, complex images twisting and flying across the page.
weeklyfoo #91 / 2025-06-30Animated Product Grid Preview with GSAP & Clip-Path
Learn how to transform a simple product grid into an interactive, animated preview experience using GSAP in this hands-on tutorial.
weeklyfoo #87 / 2025-06-02Best Happy New Year animation using HTML and CSS
Bit late, nevertheless nice to learn how they’ve been made.
weeklyfoo #67 / 2025-01-13Building an Infinite Marquee Along an SVG Path with React & Motion
Learn how to create an infinite marquee that follows a custom SVG path using React and Motion.
weeklyfoo #90 / 2025-06-23Creating a Fun CSS Party Popper Animation
On-Scroll Animation Ideas for Sticky Sections
Some ideas of how sticky sections can be animated while exiting the viewport.
weeklyfoo #21 / 2024-02-26