- CSS Animation Weekly
- Posts
- CSS Animation Weekly #318
CSS Animation Weekly #318
This week we're hacking CSS animation state, rotating planets, exploring 3D glitches and much more!
❤️ Donovan at CSSAnimation.rocks
Cool stuff
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/b12b1649-09a7-4c36-a768-853924ac7300/372850.jpeg)
How a 3D Wolfenstein demo was made using CSS animation and a checkbox hack
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/ec1356eb-264c-4acc-b5dd-a949a57634aa/maxresdefault.jpg)
Learn how to build rotating planets with shadows that follow the sun, using some impressive CSS
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/d5cc1470-8c45-45cd-96cb-a09a4b27c300/GlitchPers_feat.jpg)
A fun hover effect that shows a pixelated image with a glitch animation inspired by the one seen on buōy's website
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/ba3023f7-a52b-41c5-8a9a-ae187a36c8fa/maxresdefault.jpg)
Explore the newly released gsap.matchMedia() and create some responsive and accessible animation! 🥳
Inspiration
A superb demo landing page for the new "Watch Pro"
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/37a2e463-ad52-4fdc-b718-4034a2229555/QWmPzja-800.jpg)
Eek! A creepy cool animation that follows the mouse
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/c020e51e-8b41-4612-9237-c236d8dc3471/thumbnail.jpg)
A full Pokémon-inspired website created by Martin Gauer as a CV piece. Awesome work!