Happy Monday! This week we learn about how to better make use of reduced motion, create some stunning check and radio boxes, and indulge in some amazing inspirational demos.

♥️ Donovan at CSSAnimation.rocks

Articles

Designing With Reduced Motion For Motion Sensitivities — www.smashingmagazine.com

Improve the way you cater to your audience and their motion-related needs with this article from Val Head

Radio/checkbox buttons — codyhouse.co

Learn how to create animated, accessible radio and checkbox buttons in CSS that perfectly align with their labels.

Inspiration

Responsive "Cool" Steps 😎

Tap to reveal how this cool demo works

10x10

Some very clever Sass code to generate this CSS-animated multi-coloured 3D loader

Baby Moon

Neat animated SVG in this baby moon

3D Rocking Chair (CSS only)

Sometimes a demo truly blows my mind. Here is an animated, CSS-only 3D curved demo

Search Box Animation

So much character in this search box! Hover to see it extend

Pure CSS animations

Good morning pure-CSS animation people!

Coming Soon Page With Add Date

A handy pre-launch page with countdown

3D Puzzle Animation

Nice use of shadow in this 3D animation