Discussion:
[css-images] Noise images?
(too old to reply)
Henrik Andersson
2017-04-21 07:20:50 UTC
Permalink
Raw Message
As many image effect specialists can tell you, noise can be used well in
various effects.

As such, I think that it would be useful if there was a way to generate
noise images in css.
Amelia Bellamy-Royds
2017-04-21 16:47:39 UTC
Permalink
Raw Message
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.
https://drafts.fxtf.org/filters/#feTurbulenceElement

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
requirements.

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
thread: https://discourse.wicg.io/

Best,
Amelia
Post by Henrik Andersson
As many image effect specialists can tell you, noise can be used well in
various effects.
As such, I think that it would be useful if there was a way to generate
noise images in css.
Loading...