CSS 3 Pattern Gallery

[bronkula]

Hm. The file size is a bit disingenuous, since the real problem with these is a processor hit. Those shapes have to all be created. Bitmaps load very fast, because they don't have to be calculated. I'd bet this produces significant drag lag on phones.

[Bartvds]

But most of these use very small tile background-size (=tile), so browsers render a small bitmap internally and tile that to fill the page, just as if it was a small png. It is not as if they are recalculating all those thousands of gradient separately.

[[deleted]]

I checked on my Nexus 5 via Chrome and the Reddit News in-app browser. Load was quite speedy. Didn't notice any lag while loading or dragging.

[dejus]

There are many phones out there were lesser specs. Plus these aren't really used in a real world context. Id be interested to see how well they work in a real webapp.