UTILS.
Privadas por padrão
▤

Gerador de Gradiente CSS

Crie um gradiente linear ou radial com pré-visualização ao vivo e copie o CSS.

Seus arquivos ficam neste dispositivo

Os arquivos são processados no navegador, nunca enviados. O site baixa o código e os recursos necessários. Sem contas ou rastreadores.

Use Baixar para salvar esta ferramenta em um único arquivo HTML para uso offline.

Privacidade →

Sobre esta ferramenta

Crie um gradiente linear ou radial de duas cores escolhendo cores, posições e um ângulo, e depois copie a regra de background. A pré-visualização ao vivo roda inteiramente no seu navegador.

Perguntas frequentes

O que é o ângulo em um gradiente linear?
O ângulo define a direção da transição de cores: 0° aponta para cima, 90° para a direita, 180° para baixo, e assim por diante.
Quando devo usar radial em vez de linear?
Use radial para irradiar as cores para fora a partir de um ponto central (como um holofote); o linear as mistura ao longo de uma linha reta.

Mais ferramentas