O que é Gradiente para CSS?

Um construtor visual de gradientes que permite projetar gradientes lineares, radiais e cônicos com múltiplas paradas de cor e, em seguida, copia o código CSS exato. Ajuste ângulos, posições e cores com uma prévia ao vivo — sem necessidade de codificação manual.

Como usar

1. Escolha um tipo de gradiente (linear, radial ou cônico) e defina a direção ou o ângulo.
2. Adicione, remova ou ajuste paradas de cor clicando na barra de gradiente ou usando os seletores de cor.
3. Copie o código CSS gerado para usar diretamente na sua folha de estilos.

Resultado

Crie um gradiente de pôr do sol: linear-gradient(135deg, #ff6b35 0%, #f72585 50%, #7209b7 100%) — perfeito para o fundo de uma seção hero.

Ferramentas relacionadas