- CSS Animation Weekly
- Posts
- CSS Animation Weekly #96 - Loading spinners, keyframes and more
CSS Animation Weekly #96 - Loading spinners, keyframes and more
Another week of amazing CSS animation articles and inspiration. This week we're learning about accessible loading spinners, watching the experts code animations live, and checking out some amazing HTML/CSS demos!
♥️
Donovan at CSSAnimation.rocks
Handy tutorial on making an accessible, single element, animated loading spinner!
Extend your loading spinner with these awesome Canvas circles!
An insanely simple way to create CSS animations with a visual timeline.
Featured
Learn how to create amazing web animations with this collaborative coding live stream by @davidkpiano & @shshaw.
Inspiration
The detail in this pure HTML/CSS watch is just astounding!
It's not often simple 3D cube animation makes my jaw drop but this totally got me. Endless rotating CSS cube animation...
Lovely use of animated border radius on this simple button effect.
Rudolf the red-nosed... masseur!? 🦌 (I used to get massages there but he was too deer)
Lovely use of shadows and gradients on this skeuomorphic lever checkbox
Hover or click to see these vertical bars animate into letters.
A nice hover effect for showing content over images on hover! 👍🏻
That's it for this week! Don't forget - I removed a load of subscribers last week in preparation for GDPR, so if you'd like to send this on to someone who might appreciate it, please do.
Your friends can subscribe here to receive this email every week: http://weekly.cssanimation.rocks/