Gerador de degradês CSS

Crie degradês CSS lineares e radiais com um editor visual. Copie CSS pronto para uso.

Controls
Preview
Preview
CSS Code
/* Select controls above */

Perguntas frequentes

O que é um degradê CSS?

Um degradê CSS cria uma transição suave entre duas ou mais cores usando a propriedade background, sem necessidade de um arquivo de imagem.

O que é o parâmetro de ângulo?

O ângulo controla a direção do degradê linear. 0deg vai de baixo para cima, 90deg da esquerda para a direita, 180deg de cima para baixo.

Posso usar mais de duas cores?

Sim, degradês CSS suportam múltiplas paradas de cor. Este gerador usa duas cores, mas você pode adicionar mais manualmente ao código resultante.