@satellytes/effect-svg-perlin-noise

This is a effect made with SVG's feTurbulence and feDisplacementMap and applied to any DOM element (including body) through the CSS filter property.

Usage no npm install needed!

<script type="module">
  import satellytesEffectSvgPerlinNoise from 'https://cdn.skypack.dev/@satellytes/effect-svg-perlin-noise';
</script>

README

SVG Perlin Noise Effect

This is a effect made with SVG's feTurbulence and feDisplacementMap and applied to any DOM element (including body) through the CSS filter property.

This effect is lazy loaded and applied to our website (www.satellytes.com) through a factory.

Image of a turbulence effect with perlin noise