Gerador de Gradiente CSS
Crie gradientes CSS lineares e radiais com prévia em tempo real. Adicione até 5 paradas de cor e copie o CSS pronto para uso instantaneamente.
Perguntas frequentes
O que é um gradiente CSS?
Um gradiente CSS é um tipo de imagem que faz transição suave entre duas ou mais cores. Os gradientes são criados com as funções CSS linear-gradient() ou radial-gradient() e podem ser usados em qualquer lugar que aceite uma imagem, como fundos.
Qual é a diferença entre gradientes lineares e radiais?
Um gradiente linear faz a transição de cores ao longo de uma linha reta em um ângulo específico. Um gradiente radial irradia para fora a partir de um ponto central em padrão circular ou elíptico. Ambos os tipos suportam múltiplas paradas de cor para efeitos multicoloridos complexos.
Como adicionar mais cores a um gradiente?
Clique em "Adicionar parada de cor" para adicionar até 5 paradas de cor. Cada parada tem um seletor de cor e uma posição (0–100%) que controla onde a cor aparece no gradiente. Você pode reorganizar o efeito visual ajustando as posições.