Text link animation help

Design help Animations & Interactions
1

Hi guys,

I’m new to Webflow. I have created an animation where the letter spacing of a text link will increase whilst the cursor hovers, however, I want to make the animation look better by creating a ‘bounce’ effect once the link reaches its full length instead if just stopping dead.

Is there a way to achieve this in Webflow?

Thanks!

Here is my public share link:

http:// https://preview.webflow.com/preview/argun-dc?utm_source=argun-dc&preview=4b811f3d42dfc58fe10d793f54bd9f30

1 Like
2

Hello @Reece_Gunningham

Something like this > https://www.useloom.com/share/6df41b1df87b418eaf7e38c5a2f88eec

Piter :webflow_heart:

2 Likes
3

Ahh, I see!

Thanks again @PeterDimitrov :+1:

1 Like
4

No problem man! Happy to help :webflow_heart:

5

@PeterDimitrov I appreciate it and actually, I have another problem which I’m hoping you can help with! I have added an interaction to the nav bar logo where it should bounce when hovered over, but when I preview it nothing happens?

https://preview.webflow.com/preview/argun-dc?utm_source=argun-dc&preview=4b811f3d42dfc58fe10d793f54bd9f30

1 Like
6

That’s because your logo img needs a higher z-index. Right now the img is under the top bar element. See here > https://www.useloom.com/share/48f5768f85a94b5da85d26345c10222d

1 Like