Streaming live at 10am (PST)

Strikethrough on Hover

#1

Looking to achieve an animated strikethrough on hover like the one shown in the pen below.

Any idea on how to achieve this directly in Webflow?

Thanks!

#2

You will need to add a div say 1px high , width auto maybe, nest it within the nav item with position absolute. the nav item needs to be position relative. Then you will create a mouse hover interaction where the div line initial state is 0 width and so on. See how you go! You will need the exit hover interaction too I think

#3

Great idea, I’ll give it a shot, thanks! :grinning:

1 Like