Creating Linen texture with CSS?

Problem

Linen

Is it possible to create Apple's linen texture with CSS? Something like background gradient, to avoid the slow speed of an image.

Problem courtesy of: j1nma

Solution

I think gradient is possible. follow the link:Speed Up with CSS3 Gradients

Solution courtesy of: Siamak A.Motlagh

Discussion

Using the noise feature of CSS can get you a long way to creating a pure CSS texture. Play around with http://www.noisetexturegenerator.com/ to see the possibilities. If you put both opacity and density you can get a striped pattern that somewhat resembles cloth.

A special mention goes to this article, for using css gradients to give your noise texture that little extra something: http://www.rd2inc.com/blog/2013/01/tips-and-tricks-css3-gradients-and-textures/

Be advised that the noise feature is pretty new and isn't supported in all browsers.

Discussion courtesy of: PieBie

This recipe can be found in it's original form on Stack Over Flow.