CSS Animation Weekly #316

This week we're making mighty morphing 3D blobs, full-screen slideshows and some fun loading effects, along with loads of great CSS animation inspiration!

❤️ Donovan at CSSAnimation.rocks

Cool stuff

How to create a 3D morphing sphere effect

A fullscreen scroll-based slideshow with a content view powered by GreenSock's Observer plugin

Create an alternative to the loading spinner, using an animated border


A star rating where stars pop out one by one if you choose a higher rating ⭐️

A cool 80s style 3D scanning laser demo

A mind-blowing use for :has, to create a MacOS-style dock animation

Bit random but I thought this was quite fun! Build a virtual wooden train track. Lovely 3D work.