Re:Show HN: CSS generator for a high-def glass effect
by kris-kay on Wednesday July 02, 2025 @02:16PM
(#44447064)
Yes, same! I didn't expect it to need so many tricks to implement.
Your intuition is correct, the most resource-intensive part is the blur bit of the backdrop-filter. The higher the blur value, the more neighbouring pixels need to be "consulted" before rendering.
Another resource-intensive aspect is continuous repaint as you scroll or as a video background changes the look of the glass.
Do you have a sense of which aspects are the most resource-intensive? Naively I would guess it's the backdrop-filter.