The web platform already has a way to generate a noise image, with the
<feTurbulence> filter primitive. I'm assuming that's the type of noise
you're talking about.
However, I agree that it would be a lot easier to use if it was available
as an image function, similar to the gradient functions.
I've therefore made a feature-request issue on CSS WG Github with a
straw-man proposal: https://github.com/w3c/csswg-drafts/issues/1273
Considering that browsers already implement the feTurbulence algorithms, it
shouldn't be too difficult to implement. It could even be fairly easily
polyfilled using SVG data URIs.
Let me know (ideally by commenting on GitHub) if this proposal meets your
The next step would be to gather more voices arguing that this feature
would be useful, either by reactions to the above issue or via a WICG forum
Post by Henrik Andersson
As many image effect specialists can tell you, noise can be used well in
As such, I think that it would be useful if there was a way to generate
noise images in css.