CSS Animation Weekly #180

January 06, 2020

Welcome to the first CSS Animation Weekly of 2020! As usual I've scoured the web for cool things to share, and this week's a big one. Enjoy!

♥️ Donovan at CSSAnimation.rocks

Isometric City Builder! Create your own little city 

An experimental 3D data visualization of NBA stat totals from 1950 through 2020.

Start 2020 off with a bang is this great roundup of inspirational UI interactions and animations 🎆

Featured

I'm working on this little project and thought you might find it interesting! It's a service that will generate a URL for an Amazon product, and when someone visits the link it'll send them to their nearest Amazon site to buy it.

I'm hoping it could be useful for people selling things on Amazon or making money through affiliate links. Want to see it in action? Click here to go to your nearest Amazon store!

Inspiration

The transitions here from 1920 to 2020 are so smooth, I can't stop watching it

A cool example of how motions paths can work with SVG and CSS animation

This Snowman animation makes use of some cool CSS tricks and no JS!

This realistic toggle switch would be handy for light & dark mode!

This pure CSS loader from Ana Tudor is really nicely done 🙌

I know it's just another 3D CSS cube, but it's got Grumpy Cat on it! 😹

A very slick little menu effect (select the burger icon to see it appear)

Animation in the real world

In this creative breakdown you will learn how the signature WebGL oil effect of the new Akaru website was created.