Question 1

O que é um gradiente CSS?

Accepted Answer

Um gradiente CSS é uma transição suave entre duas ou mais cores aplicada como background. É implementado pelas funções linear-gradient(), radial-gradient() ou conic-gradient() e suporta múltiplas paradas com posições percentuais.

Question 2

Linear, radial ou cônico: qual usar?

Accepted Answer

Linear faz a transição em uma direção (definida pelo ângulo). Radial irradia a partir de um ponto central, criando um efeito de halo. Cônico gira ao redor de um ponto, útil para indicadores circulares ou roletas de cor.

Question 3

Posso usar com Tailwind?

Accepted Answer

Sim. Na aba Tailwind do código você copia uma classe de valor arbitrário, como bg-[linear-gradient(...)], pronta para usar no className. Se preferir, use o CSS gerado num style inline ou numa classe própria.

Question 4

Funciona em todos os navegadores?

Accepted Answer

linear-gradient e radial-gradient têm suporte universal (>97% de cobertura). conic-gradient tem suporte amplo em navegadores modernos (Chrome 69+, Firefox 83+, Safari 12.1+).

Question 5

Meus dados são enviados pra algum servidor?

Accepted Answer

Não. Toda a geração e visualização acontece localmente no seu navegador. Nenhuma cor, código ou input é enviado para servidores.

Gerador de Gradiente

Código

Gerador de gradiente CSS online

Perguntas frequentes