Generador de degradados CSS
Crea atractivos degradados CSS lineales y radiales con vista previa en tiempo real. Agrega hasta 5 paradas de color y copia el CSS listo para usar al instante.
Preguntas frecuentes
¿Qué es un degradado CSS?
Un degradado CSS es un tipo de imagen que realiza una transición suave entre dos o más colores. Los degradados se crean usando las funciones CSS linear-gradient() o radial-gradient() y pueden usarse en cualquier lugar donde se acepte una imagen, como fondos.
¿Cuál es la diferencia entre degradados lineales y radiales?
Un degradado lineal realiza la transición de colores a lo largo de una línea recta en un ángulo específico. Un degradado radial irradia hacia afuera desde un punto central en un patrón circular o elíptico. Ambos tipos admiten múltiples paradas de color para efectos multicolor complejos.
¿Cómo agrego más colores a un degradado?
Haz clic en "Agregar parada de color" para agregar hasta 5 paradas de color. Cada parada tiene un selector de color y una posición (0–100%) que controla dónde aparece el color en el degradado. Puedes reordenar el efecto visual ajustando las posiciones.