Design e Recursos

Hero Background CSS Gerador

Gerar hero background CSS.

Entrada

Hero Background CSS Gerador

hero backgroundcss gradientlanding pagedesign

Saída

Hero Background CSS Generator

.hero-bg {
  background:
    radial-gradient(circle at 20% 10%, color-mix(in srgb, #0ea5e9 45%, transparent), transparent 45%),
    radial-gradient(circle at 80% 0%, color-mix(in srgb, #1e293b 35%, transparent), transparent 40%),
    linear-gradient(145deg, #1e293b, #0ea5e9);
}

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.