Recreating Codepen in Webflow

[jorn (Jörn)]

Hi

Maybe this isn’t the help you want but I did a quick test of a similar effect for fun here:
http://forum-60215.webflow.io
The links has a fixed width and I moving the border div inside of a link wrapper with IX2 and percentages.

You also need to think about page transitions. For a user when a link to another page is clicked the new page is gonna load if you don’t stop it.

Delay page transition for animation to complete

Hi, with some help from other users I am nearly there with this. I want to click a link but delay the page transition until an animation finished. This code from @samliew is almost there, it delays the transition and goes to the page correctly but it also stops the animation from happening. [download] Here is my test link with the above code added to Custom code in the footer, as you will see the link delays for 3 seconds before taking the user to the next page, but it stops the animation cha…

So one approach would be to use a script thats delays the page transition, make your animation and then the page transition happen. On the new page the link is marked as the user would expect.

Maybe some other have other tricks or tips for you =)