Change an image on hover?

Design help General
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 Screen Shot 2017 05 28 at 17 07 19 — ImgBB).

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 Social Media Icons Hover Effect

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.