Liquid Glass in the Browser: Refraction with CSS and SVG
Liquid Glass in the Browser: Refraction with CSS and SVG Apple introduced the Liquid Glass effect during WWDC 2025 in June—a stunning UI effect that makes interface elements appear to be made of curved, refractive glass. This article is a hands‑on exploration of how to recreate a similar effect on the web using CSS, SVG displacement maps, and physics-based refraction calculations. Instead of chasing pixel‑perfect parity, we’ll approximate Liquid Glass, recreating the core refraction and a spec