
In other hand, ready is fired when the DOM structure is ready and generally that's the first thing that is loaded.Īlso make sure that all your resources are inside your element and you is either an inline-block or block element.Īll that I've said is something like this: The load event is fired when all resources are ready.

The code above doesn't play the animation, and I downloaded the animation from here So after the suggestions, this is what it looks like: When I load the page, the preloader takes a few seconds to complete and the animations don't play because they were already played on load which could not be seen because the preloader was being shown.

I'm using some css animations on the startup of my website, but I want them to only start after the preloader.
