Underline animation not showing in preview/live site

Hello! I’m trying to animate an underline on a link using a div block. The animation works in the interactions preview, but when I ‘toggle preview’ the site or look at it on the live site, it’s not there (it showed up once on the published site, but as soon as I copied the settings onto the second link it was gone again).

Read-only link: Webflow - Kenna's Portfolio Site

I’m also trying to do a ripple effect on the same page that could be interfering with something (the ripple effect works fine on the published site).

The ripple tutorial I followed: https://www.youtube.com/watch?v=wS-Pj2qF_bE&t=236s
And the link animation tutorial: https://www.youtube.com/watch?v=_pauaXK4cds

Any help is greatly appreciated!

hi @benna The logic is "hover over link and animate div and the way how is your animation applied will never work. You need add animation to link it self and target should be your div 9. There is many examples on forum or made in Webflow you can study how to. :wink: