Gerador de Gradiente CSS
Crie gradientes CSS bonitos com visualização ao vivo
Configurações do Gradiente
%
%
Código CSS
background: #667eea; background: -webkit-linear-gradient(90deg, #667eea 0%, #764ba2 100%); background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);
background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);
Exemplos de Uso
Button
Perguntas frequentes
Qual a diferença entre gradientes lineares e radiais?
Gradientes lineares fazem transição de cores ao longo de uma linha reta. Gradientes radiais irradiam de um ponto central para fora em forma circular ou elíptica.
Quantas paradas de cor posso usar?
CSS suporta paradas de cor ilimitadas, mas 2-4 geralmente ficam melhores. Muitas podem criar cores enlameadas ou problemas de performance.
Gradientes CSS funcionam em todos os navegadores?
Gradientes CSS modernos são suportados em todos os navegadores atuais. Nosso código gerado é compatível com Chrome, Firefox, Safari e Edge.