Happy Monday! This week we're exploring some groovy 3D shapes, making sure our animations are performant, and trying out a handy little text scrolling trick.

♥️ Donovan at CSSAnimation.rocks

Articles

Rotating Loading Animation of 3D Shapes with Three.js — tympanus.net

A surprisingly simple approach to creating flexible 3D loading shapes

Making GitHub’s new homepage fast and performant — github.blog

A great entry from the ongoing series about building the Github homepage. Sensible advice on how to make sure your animations and scroll events are performant!

Going From Solid to Knockout Text on Scroll — css-tricks.com

Nice little scrolling effect - swapping out a filled title with a knockout style title on scroll

Featured

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

Save over 90% on my course! It's a practical guide to creating amazing CSS animation on the web, step by step, narrated by your's truly. Enjoy!

Inspiration

Explode A Node: 3D Box Model

Hover to explore the way this simple little div is constructed, with a lovely 3D illustration

CSS Cinemagraph

A fun way to bring a photo to life - animate one part and create a cinemagraph!

Zdog trefoil

Cool little twisted 3D demo using Zdog

Plasma ball 🔮⚡️

Some cool flickery lifelike animation here

That's all for this week. Make sure and hydrate, get some rest if you can, and take care of yourself! See you next time.