*just a normal day*
kiki: *,*::before,*::after { filter: blur(40em) }
OH SHIT!
*bass boosted CPU cooler intensifies*
*flossing dance*

!important

@jonas-w sorry, I'm biased because any CSS I write is automatically important.

Damn, don't browsers use hardware acceleration for this kind of stuff?

@lbfalvy they indeed do, but calculating all that blur for layers upon layers of elements is a stressful task for an average laptop

But 40em is way too much

@jonas-w that's what he said

@kiki 🌴

This page with the comment box open includes 678 elements, I would expect a majority of them is visible and the browser doesn't optimize boxes that are provably single-color so yeah, that should be quite a challenge even for a powerful laptop.

Update: I just tested it.

page: This rant

gpu: Nvidia GT750M

browser: Firefox

os: Linux

display server: Wayland

driver: Nouveau

compositor: KWin

Conclusion: Shit but very stable framerate, no sign of heavy load on graphics card.

Hypothesis: Firefox has resource limits in place to prevent this exact thing.

@lbfalvy firefox uses that quantum rust thing

and devrant is not that big of a website. also, fucking nvidia discrete gpu, bro, calm down