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


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


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

A gorgeous project all about the contrast of motion and style