Streaming live at 10am (PST)

Strikethrough on Hover


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?



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


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

1 Like