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

How to create a simple CSS loading spinner & make it accessible — codeburst.io

Handy tutorial on making an accessible, single element, animated loading spinner!

Rotating Circles with Canvas2D

Extend your loading spinner with these awesome Canvas circles!

Keyframes.app

An insanely simple way to create CSS animations with a visual timeline.

Featured

Keyframers — www.twitch.tv

Learn how to create amazing web animations with this collaborative coding live stream by @davidkpiano & @shshaw.

Inspiration

Pure CSS watch animation — codepen.io

The detail in this pure HTML/CSS watch is just astounding!

Encroachment (CSS-only)

It's not often simple 3D cube animation makes my jaw drop but this totally got me. Endless rotating CSS cube animation...

Jelly buttons (hover me:) — codepen.io

Lovely use of animated border radius on this simple button effect.

Rudolph masseur (CSS Image) — codepen.io

Rudolf the red-nosed... masseur!? 🦌 (I used to get massages there but he was too deer)

Skeuomorphic Lever Checkbox

Lovely use of shadows and gradients on this skeuomorphic lever checkbox

Shadow font animation — codepen.io

Hover or click to see these vertical bars animate into letters.

Pure CSS Sliding Panels — codepen.io

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/