- CSS Animation Weekly
- Posts
- CSS Animation Weekly - Issue #304
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