Generador de Gradientes CSS
Crea gradientes lineales y radiales con vista previa en tiempo real y generación automática de código CSS.
Vista Previa
Lineal
Tipo de Gradiente
Dirección
Preestablecidos
Puntos de Color
#3b82f6
#8b5cf6
Salida CSS
/* CSS Gradient */
background: ;
Cómo usar
- Seleccionar tipo de gradiente - Elige gradiente lineal o radial según tus requisitos de diseño
- Añadir puntos de color - Haz clic para añadir puntos de color y ajustar su posición y colores
- Ajustar dirección - Configura la dirección del gradiente o posición radial para el efecto deseado