Welcome to CSS Animation Weekly! This week we're learning about "Glassmorphism" in CSS, and building browser games using React and Three.js!

❤️ Donovan at CSSAnimation.rocks

Articles

Icon Glassmorphism Effect in CSS — css-tricks.com

Create an interesting glassy hover effect using emojis, CSS filters and clip masks

How do they make browser games nowadays?

A thorough (3-part) tutorial on how to build a 3D browser game using React and Three.js

Inspiration

Glassmorphism Creative Cloud App Redesign

Now sure why we need the word "glassmorphism" but this glassy window effect is 💎

Bongo Cat Codes #2 - Jamming

Cute SVG animation of the classic typing cat

bars animation

A nice overlapping bars effect using CSS

CodePen Home Dr. Robotnik ("Eggman") with Pure CSS

Coo coo catchoo!

Pure CSS 3D Packaging ʕ •ᴥ•ʔ

Pack it up, pack it in

Animation in the real world

Gemini — exp-gemini.lusion.co

A gorgeous project all about the contrast of motion and style