Pure CSS Preloader for images

Question

I made a website and need to put preloaders as there are many images in one webpage and it takes time to load. Pls help me providing code so that I can directly put the code in CSS page with img class replaced and its done

Thankyou

Answer 1

I don't think what you describe can be purely done by using CSS
Here is something that is similar done by pure CSS:
https://code.sololearn.com/WRheN58tM9AP/?ref=app

Answer 2

Use the onload callback of Image objects to count the number of loaded images, and trigger the move-on function when the count is done.

https://code.sololearn.com/WgJfIUJ1tX7j/?ref=app

Answer 3

https://perishablepress.com/pure-css-better-image-preloading-without-javascript/

The above link should do it (I mean provide you the answer you want)