¿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 copiar el código CSS. Ajusta ángulos, posiciones y colores con vista previa en vivo.

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

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

Herramientas relacionadas