Que tipos de gradiente posso criar?

Gradientes lineares e radiais com múltiplos pontos de cor e ângulos ajustáveis.

Posso reordenar as paradas de cor?

Sim, as paradas de cor podem ser arrastadas e soltas para reordená-las. Também é possível ajustar a posição de cada parada usando um controlo deslizante de percentagem.

Gerador de Gradiente CSS

Uma ferramenta visual para criar belos gradientes CSS lineares e radiais compatíveis com todos os navegadores, com controles interativos e visualização em tempo real.

Visualização

Tipo de Gradiente

Ângulo: 180°

Pontos de Cor

Preset

Código CSS

/* Standard */
background: linear-gradient(180deg, );

/* Webkit */
background: -webkit-linear-gradient(180deg, );

/* Firefox */
background: -moz-linear-gradient(180deg, );

Sobre

Pontos de cor interativos com posicionamento via arrastar e soltar
Suporte para tipos de gradiente linear e radial
Controles ajustáveis de ângulo e posição do gradiente
Visualização em tempo real do gradiente gerado
Cópia com um clique do código CSS compatível com navegadores
100% no lado do cliente: toda a geração acontece no seu navegador

FAQ

Tags: css gradiente design cor gerador

ToolkitApp.net

Gerador de Gradiente CSS

Tipo de Gradiente

Pontos de Cor

Preset

Código CSS

Sobre

FAQ

Ferramentas Relacionadas

Gerador de Gradiente CSS

Tipo de Gradiente

Pontos de Cor

Preset

Código CSS

Conversor e Seletor de Cores

Gerador de Border Radius CSS

Gerador de Código de Barras

Gerador de Layout CSS Flexbox & Grid