Gerador de gradiente CSS
Crie gradientes CSS lineares/radiais visualmente e copie o código.
90°
0%
100%
CSS
background: linear-gradient(90deg, #3b82f6 0%, #8b5cf6 100%);
Recursos
Várias opções
Local e privado
Simples e intuitivo
Grátis para sempre
Como usar: Gerador de gradiente CSS
- Abra a página da ferramenta neste site.
- Digite ou cole seu texto.
- Ajuste as opções se necessário.
- Clique no botão de ação e copie o resultado.
Perguntas frequentes
Esta ferramenta é gratuita?
Sim, todas as ferramentas da Filuni são gratuitas e sem cadastro.
Meus dados são enviados para um servidor?
Não. O processamento é executado inteiramente no seu navegador. Nada sai do seu dispositivo.
Funciona no celular?
Sim. A página é totalmente responsiva e funciona em celulares e tablets.