Placeholder background/image while waiting for full image to load?

Question

I have a few images on my page. I\'m finding that the page starts to render before the images have been loading (which is good), but that the visual effect is not great. Ini

Answer 1

Here's one naive way of doing it,

img { box-shadow: 0 0 10px 0 rgba(#000, 0.1); }

You can manipulate the values, but what it does is it creates a very light border around the image that doesn't push the contents. Images can load at whatever time they want, and you get a good user experience.

Hope that it helps