CSS Loading Animation

Question

I'm building a website and I want to implement a CSS loading animation in it.

Whatever animation I choose to use, it'll be one that consistently plays until the rest of the page loads.

How do I get the animation to begin playing once it loads and continue playing until the rest of the page loads?

I've researched this but I can only find tips on how to make a specific element fade in and out until the page loads.

I don't know how to do this either, but my guess would be that the solution does not involve only CSS. You probably also need to make use of JavaScript in some way. — carmenism
– carmenism, Commented Jun 26, 2014 at 4:59

Maulik Anand · Accepted Answer · 2014-06-26 05:09:50Z

3

Here is the page load library you can use.

This provides a many built in solutions , but you can customize it.

answered Jun 26, 2014 at 5:09

Maulik Anand

1,4593 gold badges15 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

That didn't quite work right. Especially since I can't even read the script it's so condensed.

do you want css code, or a javascript that allows you to target page load event?

Matt Bryce · Accepted Answer · 2016-03-01 09:55:35Z

0

use animation-iteration-count: infinite; to make an animation loop forever.

answered Mar 1, 2016 at 9:55

Matt Bryce

1231 silver badge8 bronze badges