CSS Animation Weekly #336

Twisty 3D text, SSSVG, and more

An exciting week! I'm trying out a new email platform, and in the CSS world we're having fun with 3D typography, delving into SVG, and learning some head-melting interpolation!

❤️ Donovan at CSSAnimation.rocks

Cool Stuff

Explore how to twist and rotate text in 3D using Three.js and Shader magic

You can learn how SVG works! Learn how to create and style awesome SVGs in this interactive guide

A great guide to learning how to combine Bézier curves with interpolation for some complicated-looking animations (Editor: lots of demos, thankfully, as the math was a little over my head)

Inspiration

Scroll through the best of 2022's GSAP animations on this beautifully presented roundup

Did you know Sony were launching a new Walkman this year? I'm stoked, but while I wait for mine, here's an amazing retro Walkman created and animated with CSS

A great hover effect where a semi-transparent layer animated on top of a 3D rotated card

That's all for this week!

Bonus awesomeness

This week I'm trying a new platform which includes an interesting referral program. I've set up some rewards, including stickers and free entry into my course. Try it out!