I'm nearly done with my website but there is one issue I'm not sure how to address.
Here is the test link:
When you click the phone to explode it, there are four pieces hidden underneath it that are interactive objects. They all have hover states and whatnot.
If, immediately after clicking the phone, you happen to have your mouse over one of these four objects, it will stop its movement out to the location I've designated, and perform its hover action. If you move the mouse away it will continue on to that location. Preferably, there would be no way to interrupt the movement of these objects. It shouldn't be possible to interact with them until they have stopped moving.
My preference would be to designate that these objects are non-interactive until after they have moved out to their designated position to the right of the phone.
Is there a way to do this with Webflow?
Thanks very much!