Skip to content

Instantly share code, notes, and snippets.

@clauswrm
Created October 8, 2020 08:56
Show Gist options
  • Save clauswrm/492969d4ec27446aecc7615d34122401 to your computer and use it in GitHub Desktop.
Save clauswrm/492969d4ec27446aecc7615d34122401 to your computer and use it in GitHub Desktop.
Grainy Noise SVG
Display the source blob
Display the rendered blob
Raw
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="300" height="300">
<filter id="n" x="0" y="0">
<feTurbulence type="fractalNoise" baseFrequency="0.2" stitchTiles="stitch"/>
</filter>
<rect width="300" height="300" fill="#253b36" />
<rect width="300" height="300" filter="url(#n)" opacity="0.60" />
</svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment