Skip to content

Instantly share code, notes, and snippets.

@gaoryrt
Last active December 6, 2019 07:03
Show Gist options
  • Save gaoryrt/490316fd2208f98a1281c248ca24c016 to your computer and use it in GitHub Desktop.
Save gaoryrt/490316fd2208f98a1281c248ca24c016 to your computer and use it in GitHub Desktop.
CSS filter: noise
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="100%" height="100%">
    <defs>
      <filter id="noise" x="0" y="0" width="100%" height="100%" filterUnits="objectBoundingBox" primitiveUnits="userSpaceOnUse" color-interpolation-filters="linearRGB">
        <feTurbulence type="fractalNoise" baseFrequency=".45 .45" numOctaves="1" seed="1" stitchTiles="noStitch" x="0%" y="0%" width="100%" height="100%" result="turbulence1"/>
        <feBlend mode="multiply" x="0%" y="0%" width="100%" height="100%" in="SourceGraphic" in2="turbulence1" result="blend"/>
      </filter>
    </defs>
  </svg>
filter: url("#noise")
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment