This week it's a scrolling special - we're exploring some fun scrolling effects as well as animating SVG shapes on scroll!

❤️ Donovan at CSSAnimation.rocks

Fun CSS-only scrolling effects — www.netlify.com

A great overview of how we can create fun scrolling effects using CSS ✨

How to Animate SVG Shapes on Scroll — tympanus.net

Animate SVG paths while smooth scrolling a web page using Lenis and GSAP's ScrollTrigger plugin

Inspiration

Threejs Architectural Visualization — threejs-archviz.vercel.app

It would be cool if more architectural projects were demonstrated online like this

A Little to the Right — codepen.io

Adjust the little cat's picture frame to make it happy 😺

CSS Sprite Stop Motion Animation — codepen.io

Stop-motion animation has a great look and this demo shows how to do it using CSS sprites

ATMOS - by Leeroy — atmos.leeroy.ca

Some amazing scroll animations on this exploration of the aviation world!

That's all for this week!