CSS filters, GIFs, and performance

I'd take you up on that bet — the blur filter is always going to be computationally expensive given that has to do Gaussian blur according to the spec. There are faster ways to blur, but they're not as "good".

Only Chrome (or webkit-based) support [0], and like the other poster said, blur will be slow unless harnessing the GPU.

[0] https://developer.mozilla.org/en-US/docs/Web/CSS/filter#Brow...

Latest released FF (from arch) didn't have any problems handling the page. It was quite smooth, but I didn't check the detailed profile.

You're probably right, though says in the article "I wanted to do the same thing, but without all that work."

In other words, he has an animated gif and wanted to try some quick css trickery to get the effect.

The typography keeps throwing me off too. The process is:

Bugs Strict mode didn't know existed

That doesn't make sense. Oh wait, there are little words between each of those lines.

something like CloudFlare CDN would probably make this a non-issue - the actual host would get very few hits.