Gradiente CSS

Crie gradientes CSS lineares, radiais e conicos visualmente. Arraste paradas de cor, ajuste angulos e copie o codigo CSS pronto para producao.

Principais recursos

Editor visual para gradientes lineares, radiais e cônicos
Controles de pontos de cor com arrastar e soltar
Cópia com um clique de código de gradiente CSS limpo
Prévia em página inteira para ver seu trabalho em ação

Guide

O gerador de gradientes CSS do WebRecast permite construir gradientes visualmente. Escolha o tipo (linear, radial ou conico), arraste paradas de cor e veja o resultado em tempo real. A ferramenta gera codigo CSS limpo que voce copia com um clique. Para backgrounds, use gradientes sutis. Em vez de branco plano, tente um gradiente de branco para azul claro. Para botoes, um gradiente de tom mais claro para mais escuro da mesma cor cria um efeito 3D natural.

Perguntas frequentes

Posso usar o código diretamente no meu projeto?

Sim. O código gerado é CSS padrão que funciona em todos os navegadores modernos.

Como adiciono transparência?

Clique em um ponto de cor e use o seletor para definir sua opacidade. Incluiremos os valores rgba() para você!