Tetris
A pure-CSS animation — no game logic, no JavaScript driving the blocks. Every piece is positioned and timed with CSS custom properties. The only scripts on this page are the Reset / speed buttons.
G
A
M
E
O
V
E
R
Speed: 0.10s
I am learning animations on the web
This is the first CSS animation I built myself, from scratch — no copy/paste. I always wanted to learn this to make my websites more alive, so when I saw that the author of sonner offers a course — I applied immediately.