Hide custom cursor on Page Load

So I just finished reading on how to do the custom cursor [A guide to custom cursors in Webflow | Webflow Blog] and playing around with the cloned project. Is there a way to hide the cursor on page load?

1 Like

Hey @Kalson

Great to hear! I believe you can just add a page load > target the cursor wrapper > set do display none > back to visible.

Can you share your read-only link so I can take a look?

Piter :webflow_heart:

1 Like

Thank you @PeterDimitrov, I would really appreciate it!
https://preview.webflow.com/preview/custom-cursor-e396cf?utm_medium=preview_link&utm_source=designer&utm_content=custom-cursor-e396cf&preview=cc081b9cea7ddf99ebfcaef5da78efbd&mode=preview

1 Like

So, Just hiding on page load and showing after one sec > https://www.loom.com/share/b2eda250b5ab45f49ec9111c5352b066

Not sure about your purpose, but I hope this helps.

Piter :webflow_heart:

thank you, that help a lot!