This week we're getting into some advanced pure-CSS illustration and animation, as well as taking in some of the amazing examples of 3D animation around the web right now! Enjoy!

♥️

Donovan at CSSAnimation.rocks

Articles

How to create pure CSS illustrations and animate them — dev.to

In this third part, learn how to create and animate a more complex pure CSS scene! 🚨

Exoplanet Explorer — exoplanet-explorer.space

Learn about the exoplanets that we have discovered so far - how far they are from Earth, their size and more all rendered in beautiful 3D

Featured

Level Up your CSS animation skills — courses.cssanimation.rocks

Ready to take your website animations to the next level? This video course shows you how, with step by step guided tutorials and loads of great ideas to try!

Inspiration

Animated 3D Insta Washer — codepen.io

Animated 3D Insta Washer by using only CSS....

3D swinging box — codepen.io

This super smooth animated swinging box is gorgeous!

planet — ykob.github.io

A noise-based 3D planet - drag to rotate it

Pickle-Rick Sliced 404 — codepen.io

Wubba Lubba dub dub! See these 3D-style pickle-inspired 404 page animation

Möbius Cuboids — codepen.io

Where time becomes a loop, where time becomes a loop 🤓

Concentric warp — codepen.io

Mind-bending yet very simple little animation

Animation in the real world

ENJOY — enjoywith.us

Try scrolling and see the 3D scenes adjust perspective on this beautiful site.