Get the latest tech news

Frosted glass from games to the web


Crafting beautiful HTML glass UI inspired by AAA game development.

On this page, I share my attempt at achieving a beautiful glass effect, along with sample code and assets for anyone who wants to explore this technique themselves. Now that our glass effect is complete, let's finalize it by adding the remaining CSS properties and HTML to fully replicate our initial example. For a quick way to copy all the assets and code, don't forget to check out the Final Recipe Lookahead section near the beginning.

Get the Android app

Or read this on Hacker News

Read more on:

Photo of games

games

Photo of Web

Web

Photo of AAA

AAA

Related news:

News photo

Steam is forcing games to be more clear about what's in their season passes - and only allowing devs with "a proven track record" to sell them

News photo

Avowed preview: Classic Obsidian fantasy on a AAA budget

News photo

Inside the fall of GAME: "no games, no accessories - instead we received 136 Zendaya action figures"