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 copiar o código CSS. Ajuste ângulos, posições e cores com prévia ao vivo.

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

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

Ferramentas relacionadas