A huge week of learning, tools and inspiration!

❤️ Donovan at CSSAnimation.rocks

Cool CSS Hover Effects That Use Background Clipping, Masks, and 3D — css-tricks.com

Using CSS variables and calc to manage background clipping, 3D, masks and more

Animation tools

AutoAnimate — auto-animate.formkit.com

A zero-config, drop-in animation utility that automatically adds smooth transitions to your web app!

animate-css-grid — github.com

Painless transitions for CSS Grid. A handy tool for animating grid items

AnimatiSS — xsgames.co

Copy-paste-able CSS animations for web projects

A three.js competition — tiiny.host

This looks fun! Create something cool using Three.js and enter to win $300. I look forward to seeing the results

Scroll Btween

Tween any CSS values on any DOM element in relation with its position into the viewport

Inspiration

Accordion POC — codepen.io

An unusual pure CSS accordion proof-of-concept

Locking Smart Home Dashboard — codepen.io

Lovely animation on this lock screen demo