有没有办法使用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/