Liquid Glass diagnostics

Each test isolates one layer. Read them top to bottom — the first failure is the cause.

loading…

1. Baseline — plain `backdrop-filter: blur()`, no framework

expect: blurred grid inside the pill

2. Raw displacement — hand-written SVG filter, no framework

expect: grid lines bent into a lens at the rim

3. Framework, constructed panel — new LiquidGlass()

expect: same as test 2, plus sheen

4. Framework, glassify() — an existing styled card, adopted in place

expect: card text stays sharp and clickable, background bends

click me