Como criar um gradiente CSS?

Use o editor visual de gradientes do Toollo para escolher cores, ajustar paradas e definir a direção. A ferramenta gera o código CSS em tempo real, que você pode copiar diretamente para sua folha de estilos.

O gerador suporta gradientes radiais e cônicos?

Sim, o Toollo suporta tipos de gradiente linear, radial e cônico. Você pode adicionar múltiplas paradas de cor, ajustar ângulos e visualizar o gradiente ao vivo antes de copiar o código CSS.

Posso copiar o código do gradiente CSS com um clique?

Sim, clique no botão de copiar para copiar instantaneamente o código CSS do gradiente gerado, incluindo prefixos de compatibilidade entre navegadores. A ferramenta funciona inteiramente no seu navegador sem necessidade de cadastro.

Gerador de gradiente CSS

Crie belos gradientes CSS visualmente

Tipo de gradiente

Ângulo: 135°

0°360°

Paradas de cor

100%

Saída CSS

background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);

Predefinições comuns

FAQ

Como criar um gradiente CSS?: Use o editor visual de gradientes do Toollo para escolher cores, ajustar paradas e definir a direção. A ferramenta gera o código CSS em tempo real, que você pode copiar diretamente para sua folha de estilos.
O gerador suporta gradientes radiais e cônicos?: Sim, o Toollo suporta tipos de gradiente linear, radial e cônico. Você pode adicionar múltiplas paradas de cor, ajustar ângulos e visualizar o gradiente ao vivo antes de copiar o código CSS.
Posso copiar o código do gradiente CSS com um clique?: Sim, clique no botão de copiar para copiar instantaneamente o código CSS do gradiente gerado, incluindo prefixos de compatibilidade entre navegadores. A ferramenta funciona inteiramente no seu navegador sem necessidade de cadastro.