Preview do Gradiente
⚙️ Configurações
💻 Código CSS
/* Selecione as cores para gerar o código CSS */📚 Histórico
Nenhum gradiente salvo ainda. Crie seu primeiro gradiente!
❓ Perguntas Frequentes
É simples! Escolha o tipo de gradiente (linear ou radial), adicione pelo menos 2 cores clicando em "Adicionar Cor", ajuste a direção ou forma, e veja o preview em tempo real. Quando estiver satisfeito, clique em "Copiar CSS" para usar o código em seu projeto.
Você pode adicionar quantas cores quiser! O mínimo são 2 cores para criar um gradiente, mas não há limite máximo. Quanto mais cores, mais complexo e interessante será seu gradiente.
Sim! Todos os gradientes que você cria são automaticamente salvos no histórico do seu navegador (localStorage). Você pode acessá-los a qualquer momento na seção "Histórico" e reutilizá-los clicando neles.
Gradientes lineares criam uma transição de cores em linha reta (horizontal, vertical ou diagonal). Gradientes radiais criam uma transição circular ou elíptica, partindo do centro para as bordas.
Copie o código CSS clicando no botão "Copiar CSS" e cole-o na propriedade background do elemento HTML que deseja estilizar. Exemplo:div { background: linear-gradient(...); }
Sim! Após carregar a página pela primeira vez, você pode usar o gerador mesmo sem conexão com a internet. Seus gradientes salvos permanecerão disponíveis no histórico.