Gerador de Gradiente CSS
Crie belos gradientes personalizados para o seu site e copie instantaneamente o código CSS.
Tipo
O que é um gradiente CSS?
Gradientes CSS permitem exibir transições suaves entre duas ou mais cores especificadas. Ao utilizar gradientes CSS em vez de arquivos de imagem, você pode reduzir significativamente o tempo de carregamento do seu site e o uso de largura de banda, mantendo a renderização nítida em telas de alta resolução.
Perguntas Frequentes
Qual é a diferença entre gradientes lineares e radiais?
A linear gradient Faz a transição de cores ao longo de uma linha reta (que você pode controlar alterando o ângulo). A radial gradient transições de cores irradiando a partir de um ponto central.
O CSS gerado é compatível com todos os navegadores?
Sim, o padrão linear-gradient e radial-gradient As funções geradas por esta ferramenta são totalmente suportadas em todos os navegadores web modernos, incluindo Chrome, Safari, Firefox e Edge.