Streaming live at 10am (PST)

Delay Mouseover Transition till after Page Load Transition

Hi all,

I have a page load transition that runs on the hero but also a mouseover transition whihc effects the same elements.

How do I stop the mouseover transitions until after the page load transition is complete?

Thanks for the help,


Here is my site Read-Only:


It appears that your share link needs updating as it won’t load the correct page.


My apologies, here it is:

The issue is it is causing the initial page load animation to ‘jerk’ at certain points - this occurs frequently as there are multiple uses of both transition types. Is there anyway to delay the ‘mouseover’?



For anyone looking for a solution for this, I’ve used a transparent ‘blocker’ div that disappears once the transition is complete. This means the initial transition remains uninterrupted until teh blocker disappears and the mouseover interaction targets the cursor.

Super easy fix!