Making Apple Progressive Blur on the Web

Re:Making Apple Progressive Blur on the Web by firefoxd on Sunday April 07, 2024 @03:15PM (#39963009)

I built an webapp for my kids that was supposed to run on a raspberry pi plugged to a 4k tv. Having these blurred tiles that swoosh on the screen looks amazing on my laptop.

Running this on the RP4 was less than 1fps. Turned off the blur it works great, even the animation is great.

Tested blur on a static element, the entire page crawls. These effects looks great, but are performance hogs.

[ Parent | on HN ]

Re:Making Apple Progressive Blur on the Web by onion2k on Sunday April 07, 2024 @04:18PM (#39963525)

It used to be the case that some CSS was hardware accelerated in one browser and not in another. I haven't checked in a long time but that would explain the perf difference.

[ Parent | on HN ]

Re:Making Apple Progressive Blur on the Web by devslovecoffee on Sunday April 07, 2024 @03:57PM (#39963348)

Yeah, the performance takes a hit and I can see it being unusable on a lot of devices. As I say in the post, “(the blur) just plainly shouldn’t be used anywhere on the web”, at least not in this form.

[ Parent | on HN ]