.masthead {
/* Might as well let this color show */
background-color: #3d332b;
/* As this is loading */
background-image: url(/img/masthead.jpg);
}Harry Roberts nivela esto sugiriendo usar un degradado que se parezca más a la imagen que se carga:
.masthead {
background-image:
url(/img/masthead-large.jpg),
linear-gradient(to right, #807363 0%, #251d16 50%, #3f302b 75%, #100b09 100%);
}Will Wallace se vuelve aún más elegante al crear un Sass @mixin se necesita una gran selección de colores para crear un degradado intrincado que se parece aún más a una versión borrosa del original.
Vea la función de degradado de lápiz “Blurground” de Will (@wiiiiilllllll) en CodePen.
Sigo pensando que la mejor manera de manejar esto es la técnica de “Blur Up” que Emil Björklund cubrió aquí.
Enlace directo →
