Sobre esta ferramenta
O que é o CSS Gradient Generator?
Crie gradientes CSS com pré-visualização ao vivo. Escolha o tipo (linear, radial, cônico), adicione paradas de cor ilimitadas, defina o ângulo (ou a posição, no caso do radial) e copie o CSS gerado. A saída é compatível com todos os navegadores modernos; para navegadores mais antigos, incluímos fallbacks com prefixos de fornecedor.
Designers usam a ferramenta para fundos de seções de destaque, estilos de botões e explorações de atmosfera de marca. Exporte como CSS, classes Tailwind ou SVG.
FAQ · CSS GRADIENT GENERATOR
Perguntas sobre o CSS Gradient Generator
Quais tipos de gradiente são suportados?
Linear (o mais comum, baseado em ângulo), radial (circular ou elíptico, com posição ajustável) e cônico (o tipo mais recente, que varre as cores em torno de um ponto central, ótimo para designs semelhantes a gráficos de pizza). Tudo é gerado como CSS padrão.
Posso exportar para Tailwind?
Sim. Junto com o CSS puro, o gerador produz classes utilitárias do Tailwind (por exemplo, `bg-gradient-to-br from-blue-500 via-purple-500 to-pink-500`) quando as paradas de cor coincidem com a paleta nomeada do Tailwind.
É gratuito?
Sim. Sem cadastro e roda no navegador.