Design e Recursos

Noise Overlay CSS Gerador

Gerar noise overlay CSS style.

Entrada

Noise Overlay CSS Gerador

noise overlaycsstextureui

Saída

Noise Overlay CSS Generator

.noise-overlay {
  position: relative;
  isolation: isolate;
}

.noise-overlay::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.18;
  background:
    repeating-radial-gradient(#0f172a 0 1px, transparent 1px 3px),
    repeating-linear-gradient(45deg, color-mix(in srgb, #334155 30%, transparent) 0 2px, transparent 2px 4px);
}

Ferramentas relacionadas

Cor Conversor

Convert between HEX, RGB, e HSL Cor paramats.

CSS Gradient Gerador

Gerar a linear gradient e copy the CSS instantly.

Favicon Gerador

Create a simple SVG favicon de initials e bre Cors.

SVG Optimizer

Strip comments e collapse whitespace in SVG markup.

CSS Minifier

Minify CSS by removing comments e extra whitespace.

CSS paramatador

Pretty-print CSS com readable indentation.