0
288
Viewscómo hacer un color de fondo de azul brillante a azul oscuro usando css/html/js
Estoy tratando de hacer que el fondo de mi sitio web comience con un color de fondo azul claro y termine con un azul ligeramente más oscuro.
hay alguna manera de codificarlo? ¿O debería poner una imagen como fondo (si no hay otra opción)?
aquí está la imagen con los colores exactos que quiero que tenga mi fondo:
ignore las nubes en la imagen y verifique solo los colores.
·
Juan Pablo Isaza
3 answers
Answer question0
Usa un degradado
main { height: 100vh; background: linear-gradient(skyblue, darkblue); } <main></main>
·
Juan Pablo Isaza
Report
0
Deberías usar linear-gradient
.background{ width: 100vw; height: 100vh; background-image: linear-gradient(to bottom, cyan, blue); } <div class="background"> </div>
·
Juan Pablo Isaza
Report
0
Podrías probar el gradiente lineal. Haga clic aquí para más información
Consulte esto para obtener más información sobre qué navegadores lo admiten: https://caniuse.com/?search=linear-gradient
Aquí hay un ejemplo:
#grad1 { height: 200px; background-color: blue; /* For browsers that do not support gradients */ background-image: linear-gradient(#0000FF, #000044); } <div id="grad1"></div>
·
Juan Pablo Isaza
Report
Answer question