It's a massive week of inspiration! Check out some truly amazing pure CSS artwork, GSAP animations, loaders, checkboxes and more.

♥️

Donovan at CSSAnimation.rocks

Articles

Slide Out Box Menu — tympanus.net

An interesting UI idea here from Codrops - a grid of items animate into place from the top-right corner ✨

Featured

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

Learn how to bring a website to life, animations, transitions, scroll effects, carousels and more in video tutorials.

Inspiration

Pure CSS Moustached Nanny — codepen.io

This is true incredible. The amount of work that has gone into this pure CSS artwork blows my mind! Check out all the small details 🧙‍♂️

Portal (CSS) — codepen.io

I love Portal-themed animations and this one is super cute ♥️

Lazy Box — codepen.io

Chris Gannon brings his amazing attention to detail to this rolling cube

Fishy fishy — codepen.io

This would make an amazing loader for a fishing website. Just sayin'

Worm Loading — codepen.io

I love how this work loader moves, it's like something from a Zelda game 🐛

Stretchy nav highlight — codepen.io

Check out how the subtle highlight stretches when changing selections...

Foot tap loader | SVG + GreenSock — codepen.io

Super-slick little animation of a tapping foot

Laptop Animation with css — codepen.io

Click the button to see this laptop open and close

Isometric iPhones — codepen.io

Smooth animation on this endless series of phones

On/off toggle switch — codepen.io

Lots of subtle movement makes this toggle feel great to use

Animation in the real world

Volt for Drive — EV Charging stations facility management — voltfordrive.com

Loads of full screen movement and hover interactions bring this site to life!