Gerador de Gradiente CSS

Preview

Código CSS:
background: linear-gradient(90deg, #ff0000 0%, #0000ff 100%);

Controles

Sobre Gradientes CSS

Gradientes CSS permitem criar transições suaves entre cores. Existem três tipos principais:

  • Linear: Cria gradientes em linha reta com ângulo controlável
  • Radial: Cria gradientes circulares ou elípticos a partir de um ponto central
  • Cónico: Cria gradientes que giram ao redor de um ponto central

Você pode adicionar múltiplas cores em diferentes posições para criar gradientes complexos e personalizados.