Creating Linen texture with CSS?



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


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

Solution courtesy of: Siamak A.Motlagh


Using the noise feature of CSS can get you a long way to creating a pure CSS texture. Play around with 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:

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.