This week we continue our exploration of scroll-linked animations, as well as learning some awesome modern CSS techniques, as well as the awesome power of @property!

♥️ Donovan at CSSAnimation.rocks

Articles

The Future of CSS: Scroll-Linked Animations with @scroll-timeline (Part 2)

Part two explores more advanced ways of using @scroll-timeline within element containers

Full Page: 20 Advanced CSS & HTML techniques: clip-path, @property, aspect-ratio and blend-mode — www.youtube.com

Impressive tutorial here on advanced CSS techniques including animation and more

Exploring @property and its Animating Powers

Some exciting potential here with @property in CSS, see how it can be used for animation

Featured

Level Up Your CSS Animation Skills — www.udemy.com

Special offer: For 5 days get this full course at the reduced price!

Learn all about bringing animation to your web projects with fun examples, step by step instructions and more.

Inspiration

Infinity Squares 🐝💣 (GSAP)

Very stylish little infinite animation here using GSAP

Newton's Bulbs v2 (GSAP MorphSVG)

Nice use of morphing in GSAP

Top Hat Mario

Clever use of Haml in this a top hat Mario