- CSS Animation Weekly
- Posts
- CSS Animation Weekly #276
CSS Animation Weekly #276
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
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/290018d9-f6da-400b-af5c-9b8a1ee82190/322098.jpeg)
Create an interesting glassy hover effect using emojis, CSS filters and clip masks
A thorough (3-part) tutorial on how to build a 3D browser game using React and Three.js
Inspiration
Now sure why we need the word "glassmorphism" but this glassy window effect is 💎
Cute SVG animation of the classic typing cat
A nice overlapping bars effect using CSS
Coo coo catchoo!
Pack it up, pack it in
Animation in the real world
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/0a172ffa-d5b6-45c8-a682-4139e7a46450/share.jpg)
A gorgeous project all about the contrast of motion and style