Design e Recursos

Gradient Border CSS Gerador

Gerar gradient border CSS styles.

Entrada

Gradient Border CSS Gerador

gradient bordercssuidesign

Saída

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);
}

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.