Ever since #CSS backdrop-filter became a thing, combined with careful usage of gradients and shadowing it’s allowed #WebDev designers to make objects appear glassy to varying degrees.
No doubt we’ll now see more attention paid to bringing elements of “glassmorphism” to web-based design systems. While I don’t recommend trying to recreate Apple’s Liquid Glass effects verbatim, we can use it as a point of inspiration for designing our own uniquely delightful interfaces:


That HTML Blog
Clever Backdrop Filtering for Eye-catching Glass Effects
We can use Apple’s Liquid Glass as a point of inspiration for designing our own uniquely delightful interfaces.