css: avoid image hover first time blinking

Here is a simple and effective css image preloading technique I have used several times.
You can load several images by placing content: url() url() url()… etc.

body:after {
 display: none;
 content: url('path/to/image-hovered.jpg') url('path/to/another-image-hovered.jpg');
}