Show HN: CSS generator for a high-def glass effect

Re:Show HN: CSS generator for a high-def glass effect by alberth on Wednesday July 02, 2025 @04:12PM (#44448283)

I'd have a hard time in a code review accepting the addition of ~44-lines of code for this glass effect vs just 1-line of code that has a similar (while slightly less realistic) net effect:

  filter: blur(16px);

[ Parent | on HN ]

Re:Show HN: CSS generator for a high-def glass effect by andrewingram on Wednesday July 02, 2025 @04:23PM (#44448402)

I’m curious why. I’d have concerns about the performance of this effect, but 44 lines of CSS to achieve a higher level of polish and, dare I say, craft, doesn’t seem like something to be dismissive of at review stage.

[ Parent | on HN ]

Re:Show HN: CSS generator for a high-def glass effect by alberth on Wednesday July 02, 2025 @04:34PM (#44448523)

The OP uses this same blur + a lot more effect (to make it look more realistic).

So it'd actually be the OP CSS that would perform worse than this single line.

[ Parent | on HN ]

Re:Show HN: CSS generator for a high-def glass effect by kris-kay on Wednesday July 02, 2025 @05:34PM (#44449095)

Thanks for stating my side of this trade-off and for the nice feedback!

[ Parent | on HN ]

Re:Show HN: CSS generator for a high-def glass effect by ivape on Wednesday July 02, 2025 @04:24PM (#44448418)

I have AI that can do just about everything for me, but I still need to make this tradeoff with CSS in 2025?

[ Parent | on HN ]