Preloader animation works in Designer, however, the animation is not shown on a published page. Any advice?

Design help Animations & Interactions
1

Hello all,

I am working on a preloader for our portfolio, it works as the page loads when I’m working in the Designer. However, when I publish the website, the animation is not shown and I am met with a still image that should be animating in.

Any and all help would be appreciated with this, my first go at a preloader.

Thanks in advance,
Vlad

Here is my public share link: https://preview.webflow.com/preview/moonbase?utm_medium=preview_link&utm_source=designer&utm_content=moonbase&preview=c534acd8297c724bfe8dbd7c2f5ef891&pageId=5ead910aa0d3e4399860abd0&mode=preview

Page in question: https://moonbase.webflow.io/preloader

2

Hello @Vladan_Stegnjaic,

I think your animation is not working because you have the same animation doing the same thing before the page loads and after the page finishes loading. I think that in your case the pre-loader should happen only before the page loads.