Diseño y Recursos

Gradient Border CSS Generador

Generar gradient border CSS styles.

Entrada

Gradient Border CSS Generador

gradient bordercssuidesign

Salida

Gradient Border CSS Generator

.gradient-border {
  position: relative;
  border-radius: 12px;
  padding: 1px;
  background: linear-gradient(135deg, #0ea5e9, #8b5cf6);
}

.gradient-border > .inner {
  border-radius: 11px;
  background: var(--surface);
}

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.