Gerador de degradês CSS
O que é um degradê CSS?
Os degradês CSS permitem exibir transições suaves entre duas ou mais cores sem usar arquivos de imagem. Existem três tipos: linear-gradient (ao longo de uma linha reta), radial-gradient (irradiando de um ponto central) e conic-gradient (girando em torno de um ponto central). Os degradês são usados para fundos, botões, sobreposições e elementos decorativos.
Como usar o gerador de degradês CSS
-
Escolha uma predefinição nas amostras ou configure seu próprio degradê.
-
Escolha o tipo de degradê: linear, radial ou conic.
-
Ajuste o ângulo (para linear/conic) ou a forma (para radial).
-
Edite os pontos de cor — altere cores e posições (0–100%).
-
Adicione ou remova pontos de cor conforme necessário.
-
Copie o CSS e cole-o na sua folha de estilos.
Keywords: gerador de degradê CSS, gradiente linear, gradiente radial, gradiente cônico, gerador de fundo CSS, seletor de cor para degradê, ferramenta de gradiente CSS