Liquid Glass 2.0 in CSS (Aqua’s revenge)

Title “Liquid Glass 2.0 in CSS (Aqua’s Revenge)”, a CSS @property snippet, and five glass buttons reading “It’s Aqua, Yet Refined” with star and check icons over different backgrounds.

Jared White recreates Apple’s refined Liquid Aqua look in pure CSS, adding dark contrasting borders on the horizontal axis and vertical gradient that echoes the old macOS Aqua. He walks through tuning colors, transparency, and gradient stops, using @property for CSS variables, handling repeated :active states, and wiring ontouchstart for touchscreens, all while warning not to trade readability for shine.

thathtml.blog/2026/07/liquid-glass-in-css-liquid-aqua