Design e Recursos

Modal Backdrop CSS Gerador

Gerar modal backdrop CSS effect.

Entrada

Modal Backdrop CSS Gerador

modal backdropoverlaycssui

Saída

Modal Backdrop CSS Generator

.modal-backdrop {
  position: fixed;
  inset: 0;
  background: color-mix(in srgb, #334155 72%, transparent);
  backdrop-filter: blur(6px);
}

.modal-panel {
  border-radius: 12px;
  border: 1px solid color-mix(in srgb, #0f172a 35%, transparent);
}

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.