Generador de gradientes CSS
0°360°
0%
100%
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
Como usar Generador de gradientes CSS
Elige un tipo de gradiente. Añade y ajusta los colores. Establece el ángulo o dirección. Vista previa en tiempo real. Copia el código CSS.
Caracteristicas
- Gradientes lineales, radiales y cónicos
- Hasta 6 colores con control de posición
- Selector de ángulo / dirección
- Vista previa en tiempo real
- Copia del código CSS con un clic
- 100% del lado del cliente
Preguntas Frecuentes
¿Qué tipos de gradientes se soportan?
Lineales, radiales y cónicos. Cada uno se puede personalizar con dirección/ángulo, múltiples colores y posicionamiento.
¿Puedo añadir más de dos colores?
Sí. Añade hasta 6 colores para crear gradientes complejos y multicolores.
¿Cómo uso el CSS generado?
Haz clic en el botón Copiar. Pégalo en tu hoja de estilos como propiedad background.