Back to list of all examples

Useful Stuff About:

Preloading Images

Hate waiting for images to load? Well, there is a way to preload any image on your page so that transitions happen faster

Here's the CSS code

body:after {
   content: url(1.jpg) url(2.jpg) url(3.jpg);/*Path relative to CSS file NOT html or PHP file*/
   display: none;
}

This loads but does NOT display the images.

IMPORTANT: The path to the images are relative to the CSS document, NOT the html document

Read more about using the :after or :before CSS psuedo elements - Article 1 | Article 2