How to make a CSS page pre-loader which transitions into a welcome screen?

I’m new to web-dev, have found many templates for CSS loading animations but struggle to find the corresponding JS which makes the animation run indefinitely till the page has loaded. After this, I want the animation to end in a way that introduces the welcome screen. Is there a way to incorporate this into the CSS?

pseudo-code:

if(!loaded){
   CSS-loop()
} else {
   CSS-welcome()
}
showPage()

Many thanks!

134 thoughts on “How to make a CSS page pre-loader which transitions into a welcome screen?”

  1. Pingback: free viagra
  2. Pingback: viagra
  3. Pingback: sildenafil 50mg
  4. Pingback: sildenafil 20 mg
  5. Pingback: discount viagra
  6. Pingback: generic for viagra
  7. Pingback: sildenafil 12.5 mg
  8. Pingback: cheap cialis pills
  9. Pingback: cialis dosage
  10. Pingback: sildenafil 20mg
  11. Pingback: generic viagra
  12. Pingback: walgreens viagra
  13. Pingback: compra viagra
  14. Pingback: visual viagra
  15. Pingback: what is viagra
  16. Pingback: viagra for women
  17. Pingback: price for viagra
  18. Pingback: pfizer viagra
  19. Pingback: sildenafil
  20. Pingback: roman viagra
  21. Pingback: viagra alternative
  22. Pingback: cialis or viagra