CSS Animation Weekly #346

It’s a cloudy week here in Dublin, so we’re taking some time to learn GSAP and Theatre.js, and exploring some chill inspiration.

GSAP's Bread and Butter, from(), to(), and fromTo() Animations - Web Bae

Learn the from(), to(), and fromTo() methods, the building blocks of animation with GSAP.

Mastering Theatre.js Animations: Learn to Create Dynamic Visuals

Learn how to code stunning animations with Theatre.js in this beginner-friendly tutorial.

Inspiration

Infinitely scrollable spiral images

Such a smooth scrolling experience in this demo, check out the Github repo for how it’s done.

Expanding buttons

Loads of cool ideas here for interactions around buttons in this Codepen challenge.

Animated drop-down

A lovely interaction for a custom dropdown. Includes some handy accessibility and reduced-motion settings to learn from!

That’s all for this week!