This week we're looking back at some awesome inspiring tutorials from CSSAnimation.rocks, as well as exploring the cool demos coming from Codevember 💥

♥️

Donovan at CSSAnimation.rocks

Articles

Portal CSS — cssanimation.rocks

A thorough walk-through of how to create your own animated isometric 3D(ish) stage, based on the videos from Portal 🎂

Spheres - CSS Animation — cssanimation.rocks

How to create and animate 3D-style bubbles, eyeballs and more in this tutorial 👀

Featured

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

There's never been a better time to level up your CSS animation skills. Learn step by step how to create animated websites in this practical video course. The course is almost complete, so sign up now before the price goes up!

Inspiration

Winter Spirits — winterspirits.win

Loads of animations and transitions around this lovely Vue.js web app

#Codevember Day 17: Speed — codepen.io

A cute retro computer monitor animated using CSS

Circle Slider — codepen.io

An intruiging UI experiment - a circular slider / image chooser

Ringing In the New Year — codepen.io

Lovely SVG line animation to ring in the new year

Texticles

Particle demos are common enough, but check this one out that includes text as part of the scene!

#Codevember 14 - Cheese — codepen.io

Cheese on a skateboard! 🧀

#Codevember 14 - Cheese

Say "cheese" and drop cameras in this fun Codevember demo 📷

Submit Button

A nice CSS animated Submit -> Processing -> Done button

Retro Palm

A slick retro-80s style CSS animation frames this palm tree 🌴

Animation in the real world

Vintage - strategic web agency — vintage.agency

Lovely animation throughout this agency website, from awesome loading animations, scrolling, glitchy effects and more. Check it out!