¿Qué es Degradado a CSS?

Un constructor visual de degradados que te permite diseñar degradados lineales, radiales y cónicos con múltiples puntos de color y obtener el código CSS exacto. Ajusta ángulos, posiciones y colores con una vista previa en vivo, sin necesidad de escribir código a mano.

Cómo usar

1. Elige el tipo de degradado (lineal, radial o cónico) y establece la dirección o el ángulo.
2. Añade, elimina o ajusta los puntos de color haciendo clic en la barra de degradado o usando los selectores de color.
3. Copia el código CSS generado para usarlo directamente en tu hoja de estilos.

Resultado

Crea un degradado de atardecer: linear-gradient(135deg, #ff6b35 0%, #f72585 50%, #7209b7 100%) — perfecto para el fondo de una sección hero.

Herramientas relacionadas