Diseño y Recursos

Glass Panel CSS Generador

Generar glassmorphism panel CSS.

Entrada

Glass Panel CSS Generador

glassmorphismcssui carddesign

Salida

Glass Panel CSS Generator

.glass-panel {
  border-radius: 12px;
  border: 1px solid color-mix(in srgb, #38bdf8 35%, white);
  background: color-mix(in srgb, #0f172a 22%, transparent);
  backdrop-filter: blur(12px);
}

Herramientas relacionadas

Color Conversor

Convert between HEX, RGB, y HSL Color paramats.

CSS Gradient Generador

Generar a linear gradient y copy the CSS instantly.

Favicon Generador

Create a simple SVG favicon desde initials y bry Colors.

SVG Optimizer

Strip comments y collapse whitespace in SVG markup.

CSS Minifier

Minify CSS by removing comments y extra whitespace.

CSS paramateador

Pretty-print CSS con readable indentation.