Icon swap on mouseover


I am trying to have a hover effect where when a user hovers over the down arrow, it will change to a different icon outlining the down arrow shape.
Sample Gif:

What would be the best way to achieve this? (FYI new to webflow)

Here is my public share link: https://preview.webflow.com/preview/gp-portfolio?preview=054e4f157072467cbf8f25882b59921d
(Link above is the read-only)

1 Like

Hello! Here is how to do it :slight_smile:

I just found it easiest to put together a quick screencast for you.

Here is the link:


1 Like

Hi Scott,

Thanks for taking the time to reply, your video explained everything perfectly.

Fixed my issue in the same length of your video :slight_smile:

Thanks Again.

1 Like

No problem! Glad I could help :slight_smile:

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.