Configurações
Ângulo
135°
Predefinições
Paradas de Cor
Código CSS
Gerador de Gradiente CSS
O que esta ferramenta faz
Escolha um tipo de gradiente (Linear, Radial ou Cônico), ajuste o ângulo ou a forma, adicione paradas de cor e arraste suas posições e copie o CSS pronto para usar. A prévia atualiza em tempo real enquanto você edita. Clique em um swatch predefinido para aplicá-lo como ponto de partida.
Como usar
- Escolha um tipo: Linear, Radial ou Cônico.
- Ajuste o ângulo (Linear/Cônico) ou a forma (Radial).
- Clique em um swatch para mudar a cor ou digite um valor HEX.
- Arraste os controles de posição para distribuir as cores.
- Clique em Copiar para copiar o código CSS.