Design beautiful linear and radial gradients with real-time Canvas preview. Copy CSS code instantly.
Um gradiente é uma transição suave entre duas ou mais cores. Os gradientes adicionam profundidade, dimensão e interesse visual a designs web, elementos de interface do usuário e ilustrações.
Selecione duas cores, escolha um ângulo de gradiente e veja instantaneamente o resultado no Canvas. Copie o código CSS para usar em seu projeto.
Qual é a diferença entre gradientes lineares e radiais? Os gradientes lineares transitam ao longo de uma linha reta, enquanto os gradientes radiais irradiam de um ponto central.
Posso usar gradientes em CSS? Sim, use a propriedade background-image com funções de gradiente linear ou gradiente radial.