Qual a diferença entre gradiente linear, radial e cônico?
O linear avança em linha reta conforme um ângulo. O radial se espalha a partir de um centro em círculo ou elipse. O cônico gira em torno de um ponto, como as fatias de um gráfico de pizza.
Como usar
- Marque as cores da paleta que quer usar como paradas do gradiente.
- Escolha linear, radial ou cônico e ajuste o ângulo no controle deslizante.
- Copie o CSS. Ele inclui uma cor de reserva e uma classe para texto com gradiente.
Perguntas frequentes
Gradientes CSS funcionam em todos os navegadores?
linear-gradient() e radial-gradient() funcionam em todos os navegadores atuais. conic-gradient() é suportado pelas versões modernas de Chrome, Edge, Firefox e Safari. A cor de reserva atende navegadores antigos.
Como aplico um gradiente em um texto?
Defina o gradiente como background, adicione background-clip: text (e -webkit-background-clip: text) e deixe a cor do texto como transparent. O código exportado já inclui essa classe.