CSS Animation Weekly - Issue #304

A huge week of learning, tools and inspiration!

❤️ Donovan at CSSAnimation.rocks

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

Animation tools

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

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

Copy-paste-able CSS animations for web projects

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

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

Inspiration

An unusual pure CSS accordion proof-of-concept

Lovely animation on this lock screen demo