# how to hover an image ?

**URL:** <https://forum.kirupa.com/t/how-to-hover-an-image/635077>\
**Category:** web dev\
**Created:** [August 7, 2016, 3:32pm UTC](https://forum.kirupa.com/t/how-to-hover-an-image/635077 "2016-08-07T15:32:21Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![xImad12](https://avatars.discourse-cdn.com/v4/letter/x/a698b9/32.png) [@xImad12](https://forum.kirupa.com/u/xImad12)\
**Post date:** [August 7, 2016, 3:32pm UTC](https://forum.kirupa.com/t/how-to-hover-an-image/635077/1 "2016-08-07T15:32:22Z")

</div>

i want to hover image on another image ?

like i have black facebook icon when i want to hover on it  
i want to switch the color to blue how i can do this ? note( facebook icon is circle)

---

<div class="post-metadata">

**Author:** ![premgurusamy](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/premgurusamy/32/7715_2.png) [@premgurusamy](https://forum.kirupa.com/u/premgurusamy)\
**Post date:** [August 11, 2016, 1:36pm UTC](https://forum.kirupa.com/t/how-to-hover-an-image/635077/3 "2016-08-11T13:36:04Z")

</div>

Hi,

If you want to change black color to blue color.  
Use SVG file, so you can easily change fill color when you’re hovering.

I hope, this helps.

Thanks!

---

<div class="post-metadata">

**Author:** ![ssloan](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/ssloan/32/7726_2.png) [@ssloan](https://forum.kirupa.com/u/ssloan)\
**Post date:** [August 22, 2016, 3:47pm UTC](https://forum.kirupa.com/t/how-to-hover-an-image/635077/4 "2016-08-22T15:47:28Z")

</div>

Yes use SVG file. It helped me!

---

<div class="post-metadata">

**Author:** ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Post date:** [August 23, 2016, 4:23pm UTC](https://forum.kirupa.com/t/how-to-hover-an-image/635077/5 "2016-08-23T16:23:48Z")

</div>

The other approach is to use CSS filters: [https://www.kirupa.com/html5/css\_filters.htm](https://www.kirupa.com/html5/css_filters.htm) You can make the image grayscale initially, and (upon hover) it can be made all bright and colorful!!!