Skip to content

Instantly share code, notes, and snippets.



Last active Sep 4, 2019
What would you like to do?
Perlin noise SVG filter
<svg width="40" height="40" viewBox="0 0 100 100"
<filter id="displacementFilter">
<feTurbulence type="fractalNoise" baseFrequency="0.75"
numOctaves="2" result="turbulence" stitchTiles="stitch"/>
<rect id="noise-square" width="40" height="40"
style="filter: url(#displacementFilter)"/>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment