Generador de gradiente CSS

Tipos de gradientes CSS

• linear-gradient: transición en línea recta. El ángulo controla la dirección (0°=↑, 90°=→, 180°=↓, 270°=←).
• radial-gradient: transición desde el centro hacia afuera (elipse o círculo).
• conic-gradient: transición en arco alrededor de un punto central. Ideal para gráficos de tarta y bordes animados.

Gradientes con múltiples colores

background: linear-gradient(135deg,
  #152bca 0%,
  #7c3aed 50%,
  #0fc978 100%
);

Gradientes como bordes (border-image)

border: 3px solid transparent;
border-image: linear-gradient(135deg, #152bca, #0fc978) 1;