有没有办法使用CSS更改img的颜色(不是背景)?

我的意思是有一幅图像,在悬停时我想说使它变暗,这是最好的方法吗?是的,可以不使用不透明度吗?

最佳答案

您可以使用CSS过滤器,例如:

更改饱和度:

    -webkit-filter: hue-rotate(270deg);


或更改亮度:

-webkit-filter: brightness(.5);


例:

http://jsfiddle.net/m9sjdbx6/3/

http://jsfiddle.net/m9sjdbx6/4/

<img src="http://2.bp.blogspot.com/-hAOQ_DrZM1E/Ub6s63_iqxI/AAAAAAAC9hc/2mfBJjeQNos/s1600/Blind+Chess-Board.jpg"></img>


饱和度(颜色):

img:hover {
    -webkit-filter: hue-rotate(270deg);

}


亮度:

img:hover {
-webkit-filter: brightness(0.2);


}

关于css - 有什么方法可以改变图像颜色?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/26443236/

10-11 06:51
查看更多