Top
Best
New

Posted by Sateeshm 5 days ago

Liquid Glass in the Browser: Refraction with CSS and SVG(kube.io)
488 points | 120 commentspage 5
WD-42 4 days ago|
Does this not work on Firefox? Just looks like regular gradients.
al_borland 4 days ago|
> Chrome‑only demo

> The interactive demo at the end currently works in Chrome only (due to SVG filters as backdrop‑filter). You can still read the article and interact with the inline simulations in other browsers.

WD-42 4 days ago||
I think I’ve trained myself to ignore shiny boxes outside the main text like that. Most of the time they are trying to sell something.
efilife 4 days ago||
Me too. Sometimes when I browse the internet with my girfriend aside she comments on something and I have no idea what she means. She has to literally point at the screen and show me the text I've ignored and it's ALWAYS the biggest and most flashy font ever
josephcsible 4 days ago||
That's quite common. See also https://ux.stackexchange.com/q/120541/115045
tkzed49 4 days ago||
this is the first one I've seen that isn't just feTurbulence. Thank you for doing it right! I've been thinking about it since the first liquid glass clones!
ryukoposting 4 days ago||
Very slick. Shame it doesn't work on Firefox.
sroussey 4 days ago||
It’s a shame it does not work on iOS 26.
lovegrenoble 4 days ago||
Fantastic demo, very slick!
LeoPanthera 4 days ago||
404'd?
cantalopes 4 days ago||
awesome! brings back memories days of creative coding for fun
coolThingsFirst 4 days ago||
One of the greatest tech related blogposts that I have EVER read.
lovegrenoble 4 days ago||
insightful and nice work
tossit444 4 days ago|
404?
More comments...