Take the 2-minute tour ×

For example like this enter image description here it's transparent .png

Currently I use this transparent png and I'm fine with that but I'm just curious if it's also possible with CSS3 (on Web-kit browsers)

I saw this Pattern Gallery http://leaverou.me/css3patterns/ but it's for patterns.

share|improve this question
For what it's worth, this question is a spin-off from this: stackoverflow.com/q/5734717/405015 –  thirtydot Apr 21 '11 at 8:30
add comment

1 Answer

Unfortunately there is no css way of doing this. The CSS3 patterns you're linking to are interesting, but they hack the gradient functionality in order to produce some interesting patterns. With noise it's more difficult, because the data is random and pixel intensive.

I'm afraid I'm going to start with the typical "there's a jQuery plugin for that..." and in this case it's http://rappdaniel.com/noisy/. The JS generates a Data URI background image.

share|improve this answer
add comment

Your Answer


