HERRAMIENTA GRATUITA
Generador de degradados lineales CSS
Creá un degradado lineal CSS de dos colores. Ajustá los colores y el ángulo, previsualizá el fondo y copiá el CSS para tu sitio.
Ajustá los colores y el ángulo. La vista previa y el CSS se actualizan automáticamente.
background: linear-gradient(135deg, #7857ff, #18c8a7);
Cómo usar esta herramienta
- Elegí el color inicial y el color final.
- Ajustá el ángulo entre 0 y 360 grados y mirá la vista previa.
- Copiá la declaración CSS y pegala dentro de la regla del elemento que querés diseñar.
Ejemplo
background: linear-gradient(135deg, #7857ff, #18c8a7);
Preguntas frecuentes
¿Qué tipo de degradado genera?
Genera un degradado lineal de dos colores. No crea degradados radiales ni cónicos.
¿Cómo funcionan los ángulos en CSS?
En CSS, 0 grados apunta hacia arriba, 90 hacia la derecha y 180 hacia abajo.
¿Cómo uso el resultado?
Pegá la declaración background dentro de un selector CSS, por ejemplo en la regla de la portada o de un botón.