Gerador de Gradiente CSS
Crie gradientes CSS lineares, radiais e cônicos visualmente. Adicione múltiplos pontos de cor e copie o CSS. Pré-visualize o resultado em tempo real.
CSS
Funcionalidades
Linear / radial / conic
Multiple color stops
Angle / direction control
Live preview & CSS code
Como Usar
1. Selecione o tipo de gradiente (linear, radial, cônico).
2. Clique em + para adicionar pontos de cor e arraste para posicionar.
3. Ajuste o ângulo ou direção.
4. Copie o CSS gerado.
Perguntas Frequentes
What types of gradients does CSS support?
CSS supports linear, radial, and conic gradients, each with different visual effects.
Ferramentas Relacionadas
Gerador de Box Shadow CSS
Gere visualmente propriedades CSS box-shadow com controles deslizantes. Veja uma...
Gerador de Border Radius CSS
Crie CSS border-radius visualmente — controle os quatro cantos individualmente o...
Playground CSS Flexbox
Aprenda e experimente com CSS Flexbox. Ajuste as propriedades do contêiner e obs...
Gerador de CSS Grid
Crie layouts CSS Grid visualmente. Defina linhas, colunas, espaçamentos e copie ...