| ▲ | _ZeD_ 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.
Dishonor on your WHOLE FAMILY! dishonor on you, dishonor on your cow... |
|
| ▲ | Kiro 4 days ago | parent | next [-] |
| This is exactly the kind of thing where this is OK since it's literally impossible otherwise. It's showcasing a specific feature that is not generally available. |
| |
| ▲ | sudarshandodiya 4 days ago | parent [-] | | In that case it would be more apt to title the post as "Liquid Glass in Chromium Browsers...", or something along those lines. People looking at the title are going to assume that it works accross all browsers, click on the link, and then get disappointed. | | |
| ▲ | dmix 4 days ago | parent [-] | | Plenty of people have multiple browsers installed. If you have time to comment to complain then you have time to open a second app to see a tech demo |
|
|
|
| ▲ | conradfr 4 days ago | parent | prev | next [-] |
| What is funny is that for me the page on Chrome is slower and the scrolling jankier than on Firefox with the unsupported effects (macOS M1). Besides that, very impressed by the article presentation. |
| |
| ▲ | chrisldgk 4 days ago | parent [-] | | I mean that makes sense though, right?
Since it’s only available on Chrome, it’s the only one doing all the computations (GPU or otherwise) that other browsers won’t do, since they just ignore the rule. |
|
|
| ▲ | ivolimmen 4 days ago | parent | prev | next [-] |
| I had the same reaction but the weird thing is: it looked ok in FireFox..? |
| |
| ▲ | nine_k 4 days ago | parent | next [-] | | Not OK on mobile Firefox: displacement maps do not apply, so there's no actual refraction, the liquid feeling; there's only the specular effect at the edges.
Try opening it in a Chromium-based browser and compare. | |
| ▲ | yreg 4 days ago | parent | prev | next [-] | | Yeah, curious. The mentioned backdrop-filter seems to be supported everywhere https://caniuse.com/?search=backdrop-filter | | |
| ▲ | Cu3PO42 4 days ago | parent [-] | | backdrop-filter is supported by all major browsers, but specifically using SVG filters, which are more powerful and is out-of-spec, is only supported in Chromium-based browsers. | | |
| |
| ▲ | fuzzy2 4 days ago | parent | prev | next [-] | | The backdrop-filter thingy most definitely does not work in Firefox. Everything above does. It works on Chromium-based browsers but it does not look great, probably needs some filtering. | |
| ▲ | mirekrusin 4 days ago | parent | prev [-] | | Try on chromium based browser - it's much better. |
|
|
| ▲ | latexr 4 days ago | parent | prev | next [-] |
| For those wondering about the reference: https://youtu.be/GamP4chXJ2I?t=17 |
| |
| ▲ | wltr 4 days ago | parent [-] | | I had some feeling I know that from somewhere, but couldn’t recall the source. Thanks. |
|
|
| ▲ | 4 days ago | parent | prev | next [-] |
| [deleted] |
|
| ▲ | 7bit 4 days ago | parent | prev | next [-] |
| Works fine on Firefox tho |
| |
| ▲ | jansan 4 days ago | parent | next [-] | | No. It becomes apparent in the "Magnifying Glass" demo. Nothing is magnified in Firefox, while it is a really cool effect in Chrome. | |
| ▲ | pcardoso 4 days ago | parent | prev | next [-] | | And for me it was where it was the smoothest. But it even worked in Safari, albeit a bit slowly. | |
| ▲ | frizlab 4 days ago | parent | prev | next [-] | | No. The effects are not fully there on Firefox/Safari. | |
| ▲ | hyperbolablabla 4 days ago | parent | prev [-] | | Not on mobile | | |
|
|
| ▲ | sonar_un 4 days ago | parent | prev | next [-] |
| Ok, this was the funniest comment i've read in a while. |
|
| ▲ | 4 days ago | parent | prev [-] |
| [deleted] |
