Generador de Degradados CSS Online - Lineal y Radial
AtrásCrea degradados CSS personalizados de forma visual. Genera códigos para fondos lineales o radiales y aplícalos directamente en tus proyectos web.
0%
100%
Previsualización
background: linear-gradient(90deg, #10b981 0%, #3b82f6 100%);
Ejemplos de uso
Tarjeta de ejemplo
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Cómo funcionam los Degradados CSS
Los degradados CSS permiten mostrar transiciones suaves entre dos o más colores especificados. Existen dos tipos principales: Lineales (definidos por un eje o ángulo) y Radiales (definidos por su centro). Puedes ajustar el ángulo o la forma, y añadir múltiples puntos de color (color stops) para crear efectos complejos.
Crea degradados CSS personalizados de forma visual. Genera códigos para fondos lineales o radiales y aplícalos directamente en tus proyectos web.