Giriş yap

CSS

Noise Texture

SVG feTurbulence ile grain/noise dokusu; data-URI CSS arka planı.

Grain / Noise

CSS
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'160'%20height%3D'160'%3E%3Cfilter%20id%3D'n'%3E%3CfeTurbulence%20type%3D'fractalNoise'%20baseFrequency%3D'0.7'%20numOctaves%3D'2'%20stitchTiles%3D'stitch'%2F%3E%3CfeColorMatrix%20type%3D'saturate'%20values%3D'0'%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D'100%25'%20height%3D'100%25'%20filter%3D'url(%23n)'%20opacity%3D'0.35'%2F%3E%3C%2Fsvg%3E");
Uygulamada nasıl?
  1. 1Yeni katman → %50 gri doldur.
  2. 2Filter > Noise > Add Noise → Monochromatic işaretli, miktarı ayarla.
  3. 3Katman opacity'sini düşür ya da blend modunu Overlay yap.