Generador Degradados CSS
Genera degradados CSS con un editor visual.
Dirección
CSS:
Advertisement
Crea hermosos degradados CSS de forma visual. Ajusta los colores y los ángulos, y luego copia el código CSS generado en el lado del cliente.
Cómo se usa
- Elige una dirección, o cambia a degradado radial.
- Ajusta tus colores y añade más paradas si las necesitas.
- Copia el CSS generado directamente en tu hoja de estilos.
Preguntas frecuentes
¿Qué CSS genera?
Valores estándar linear-gradient() y radial-gradient(), compatibles con todos los navegadores actuales sin prefijos.
¿Cuántos colores puedo usar?
Los que quieras, aunque dos o tres suelen quedar mejor. Las cadenas largas de paradas tienden a enturbiarse en los puntos de cruce.
¿Por qué mi degradado se vuelve gris en el centro?
Porque dos tonos opuestos se encuentran pasando por un punto sin saturación. Elige colores más cercanos en la rueda cromática, o añade una parada intermedia para guiar la transición.