Agallio Samai

Next-level frosted glass with backdrop-filter • Josh W. Comeau Glassy headers have become a core part of the “slick startup” UI toolkit, but they’re all missing that final 10% that really makes it shine. In this tutorial, you’ll learn how to create the most reali...

One of my favourite UI patterns is using `backdrop-filter` to create a “frosted glass” effect.

When I see this effect in the wild, though, it’s almost never as lush and realistic as it could be. There’s an important optimization that nobody makes.

✨ I share the secret sauce in my brand-new post:

Hello 👋🏻