Exemplo prático
- Dados de entrada
Tipo: Linear Primeira cor: #336699 Segunda cor: #ffffff Ângulo: 90- Resultado
linear-gradient(90deg, #336699 0%, #FFFFFF 100%)
Gerador de gradiente CSS
Crie gradientes CSS lineares e radiais com duas cores, ângulo ajustável e prévia. Copie o código ou baixe o arquivo CSS.
Resultado
Insira os dados e execute a ferramenta.
Contamos quais ferramentas são mais usadas, sem incluir os valores informados nem o conteúdo dos arquivos nas estatísticas. Privacidade
Como usar a ferramenta
- Configure Primeira cor / Segunda cor / Tipo / Ângulo.
- Clique em «Processar», confira o resultado e use os botões para copiar ou baixar.
Método e limites
Escolha duas cores HEX e um ângulo de 0 a 360 graus. O ângulo vale apenas para o gradiente linear.
Exemplo
#336699 + #CC6699 → linear-gradient(90deg, #336699 0%, #CC6699 100%)