Happy April Fools day! Stay alert - this email is packed full of pranks and sneaky unexpected things! Only joking, today we're learning all about animated loaders, checking out some awesome 3D WebGL demos, and a load of great CSS animations too.

(Also, check out CSS Animation 101 on Sitepoint!)

♥️

Donovan at CSSAnimation.rocks

Everything you need to know about Loading Animations

Loading...

Neort

Loads of great examples of WebGL and 3D animation

Featured

CSS Animation 101 - SitePoint Premium — www.sitepoint.com

My books is now available to read on Sitepoint!

We’re going to learn about CSS transitions and animations. By the end of the book, you’ll have a good understanding of CSS animations as well as the tools to create and experiment with our own.

Inspiration

Interactive Tesla Coil — codepen.io

Click and drag around to see this cool Tesla coil effect! 🤓⚡️

EinCSStein — codepen.io

A super-cute CSS-only animated Einstein!

Web design & art history — webflow.com

A beautifully illustrated history of web design created in Webflow

Colour pop radial menu — codepen.io

A radial menu - select options to see it rotate nicely

Sticky Slide Out Navigation Menu — codepen.io

A nice simple implementation of a sticky slide-in menu

Battle Crackers - Animated Logo — codepen.io

Lovely series of movement in this animated logo ✨

Bind CSS keyframe animation to scroll — codepen.io

Beautiful minimalist scroll effect on a rotating cube!

Animation in the real world

RALLY

The ribbon is back on Rally Interactive! I first featured this site many years ago when I launched the CSS Animation 101 course. It's great to see this new interpretation.