Generador Gradiente CSS Gratis: Crear Degradados Lineales Radiales
12 usos135°
Consejos Gradientes CSS
Lineal y radial
Lineal: de un punto a otro en línea recta. Radial: desde un centro hacia afuera en círculo. Ajusta ángulo y dirección.
Colores personalizables
Elige los colores del gradiente y sus posiciones. Añade múltiples paradas de color.
Código CSS listo
background: linear-gradient() o radial-gradient(). Copia y pega directamente.
Preguntas frecuentes
¿Cómo crear un gradiente CSS?
Selecciona tipo (lineal/radial), elige colores, ajusta ángulo y copia el código CSS generado.
¿Qué tipos hay?
Lineal (dirección recta) y radial (desde centro). Ambos soportan múltiples colores.
¿Puedo usar más de dos colores?
Sí, añade paradas de color adicionales para gradientes más complejos.
Cómo Usar
- Elige tipo: lineal o radial
- Selecciona colores
- Ajusta ángulo o dirección
- Previsualiza el gradiente
- Copia el código CSS