Change color of png image | Sololearn: Learn to code for FREE!
New course! Every coder should learn Generative AI!
Try a free lesson
+ 1

Change color of png image

How can I change the png image color when the user hover it? Like social media icon in footer.

25th Jul 2020, 9:47 AM
Mohammad Sajjad
Mohammad Sajjad - avatar
6 Answers
+ 2
Use filter selector on hover an image https://code.sololearn.com/W4jk4wHAPJtB/?ref=app
25th Jul 2020, 4:00 PM
Calviղ
Calviղ - avatar
+ 1
Calviղ verrrrrrrry good! Tnx alot! 🙏🏻
25th Jul 2020, 5:55 PM
Mohammad Sajjad
Mohammad Sajjad - avatar
0
I think what you want is to change color of an svg when hover over it. PNG color can't be changed but it can be replaced with some other image when hovered over it. img:hover{ content: url("path of image"); }
25th Jul 2020, 10:31 AM
Lakshay Mittal
Lakshay Mittal - avatar
0
@Lakshay Mittal for example a have look this social media link in footer of this Web site. Something like it. Or it's color for example blue for twitter or red for youtube http://www.bahacode.com/
25th Jul 2020, 11:43 AM
Mohammad Sajjad
Mohammad Sajjad - avatar
0
They are actually changing background color of the element when hovered over it. You must try fontawesome. It will satisfy your needs.
25th Jul 2020, 12:24 PM
Lakshay Mittal
Lakshay Mittal - avatar
0
Lakshay Mittal tnx🙏🏻
25th Jul 2020, 12:27 PM
Mohammad Sajjad
Mohammad Sajjad - avatar