Skip to content

Instantly share code, notes, and snippets.

@shun-shobon
Last active July 16, 2023 04:35
Show Gist options
  • Save shun-shobon/19067ea5bd9740aa8aa91c79645701d7 to your computer and use it in GitHub Desktop.
Save shun-shobon/19067ea5bd9740aa8aa91c79645701d7 to your computer and use it in GitHub Desktop.
Paper like noise
Display the source blob
Display the rendered blob
Raw
<svg viewBox="0 0 250 250" xmlns="http://www.w3.org/2000/svg">
<filter id="noise">
<feTurbulence
type="fractalNoise"
baseFrequency="2.0"
numOctaves="3"
stitchTiles="stitch"
/>
</filter>
<rect width="100%" height="100%" filter="url(#noise) grayscale(1)" opacity="0.3" />
</svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment