Streaming live at 10am (PST)

How to create wavy underline on hover

How do you create this hover animation where the wavy line underneath links move on hover?

I checked out their read-only site in the Designer and couldn’t see any interactions on the link components. It looks like the wave is a png set as the background-image on the link. Any suggestions on how to animate this?

Thanks!

2 Likes

I am also wondering this…

@marinatedme @Storm_WB

This is really simple actually. But you do need to add some custom jQuery code.

I recreated it here: https://jsfiddle.net/xm5hp4sr/

Hope this helps.

Here is my mate @PiterDimitrov implementation. Simple enough.