This week we're hacking CSS animation state, rotating planets, exploring 3D glitches and much more!

❤️ Donovan at CSSAnimation.rocks

Cool stuff

Hacking CSS Animation State and Playback Time — css-tricks.com

How a 3D Wolfenstein demo was made using CSS animation and a checkbox hack

Rotating Planets in JUST CSS!!! — www.youtube.com

Learn how to build rotating planets with shadows that follow the sun, using some impressive CSS

3D Perspective Glitch Hover Effect — tympanus.net

A fun hover effect that shows a pixelated image with a glitch animation inspired by the one seen on buōy's website

Responsive & Accessible Animation with gsap.matchMedia() — www.youtube.com

Explore the newly released gsap.matchMedia() and create some responsive and accessible animation! 🥳

Inspiration

Threejs demo landing page for product visualization using threejs

A superb demo landing page for the new "Watch Pro"

Spider — codepen.io

Eek! A creepy cool animation that follows the mouse

Martin Gauer 🕹️ I do stuff — martingauer.com

A full Pokémon-inspired website created by Martin Gauer as a CV piece. Awesome work!