Streaming live at 10am (PST)

Change an image on hover?


#1

Hello,

I'm trying to change the color of an image on hover, and to do this I have two variations of exactly the same image (a facebook icon, see image https://ibb.co/bMkkCa).

Essentially, I want it to go gold on the hover. I have tried a few different approaches, but haven't had any luck with getting it to work.

Has anyone got any ideas ?

Thanks.

Here is my public share link: https://preview.webflow.com/preview/wdjc?preview=234df50ba7db37d7d2dddb62845fa92e


Here is my public share link: **
(how to access public share link)


#2

You can use text icons with something like http://icomoon.io/ (upload font files to your project, select the font and copy/paste the referenced ) and toggle the text colour on hover, OR use a background image (both images stacked) that changes position when hovered. I like the first option since you can control transitions so it's not so abrupt, OR this https://forum.webflow.com/t/social-media-icons-hover-effect/43185


#3

I went for option two and resolved it based on the thread you linked. Thanks for the help.


#4

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