It's a nice effect, but to me this doesn't really feel like glass. I think the most immediate difference is how light has no interaction with the bevels. I also expect some light to shine back into the glass and affect the lighting and coloring. It's not enough to just throw a blur in there. Also, glass can have its own shadow with some interesting caustics (not sure even Apple does this). I see the shadow here, and…
Show HN: CSS generator for a high-def glass effect
41–50 of 125 posts
Re: Show HN: CSS generator for a high-def glass effect
#42Re: Show HN: CSS generator for a high-def glass effect
#43It's a nice effect, but to me this doesn't really feel like glass. I think the most immediate difference is how light has no interaction with the bevels. I also expect some light to shine back into the glass and affect the lighting and coloring. It's not enough to just throw a blur in there. Also, glass can have its own shadow with some interesting caustics (not sure even Apple does this). I see the shadow here, and…
If it can't be done with CSS, then how can it be done? How can you apply GPU shader effects to a common div? If we can't apply GPU effects to basic HTML and need to do so on custom things like an arbitrary Canvas concoction, then we may as well rebuild a brand-new rendering engine that can apply GPU effects. HTML is dead. I see no reason to care about it because we only need tags to get some text across, as just abou…
Re: Show HN: CSS generator for a high-def glass effect
#44Re: Show HN: CSS generator for a high-def glass effect
#45I can see people using this to have their websites (or apps) fit into the design of Apple's OS 26 design language. Neat!
Re: Show HN: CSS generator for a high-def glass effect
#46Re: Show HN: CSS generator for a high-def glass effect
#47Re: Show HN: CSS generator for a high-def glass effect
#48That content scrolls quite slow on my phone. Is there another scrolling effect that makes it slower on purpose or it's a side effect of the glass look?
Re: Show HN: CSS generator for a high-def glass effect
#49Looks pretty good. But missing out on the refractive aspect of glass takes away the strong visual separation of layers that IMO is Liquid Glass's biggest contribution. Material has these wonderful designer resources showing how the app ought to be built of consistent moving layers, shown in 3D from the side. It's clear that there's these layers. But once you go 2d, put it all together, its incredibly hard for me to f…
I think this is a clever moat Apple created with Liquid Glass: they picked an effect that is easy to make a worse version of, but very hard to do the real/right way (and humans have an intuition for real/right because they see real glass every day). So any copycats will look worse in a way that's pretty obvious and Apple gets to keep the "premium-looking" product.
Re: Show HN: CSS generator for a high-def glass effect
#50That content scrolls quite slow on my phone. Is there another scrolling effect that makes it slower on purpose or it's a side effect of the glass look?
On my M4 128 Gb ram works fine