是否有跨浏览器的方式来使用CSS来更改图像的阴影。例如,如果我有一个灰度图标(一个img
元素),则希望它在悬停时将颜色更改为棕褐色。
它必须能在IE以外的浏览器上工作,所以我不能使用过滤器。是否有一些CSS 3技巧可以做到这一点?
最佳答案
如果要在CSS中修改图像,则无法执行此操作。但您可以使用opacity属性。是的,这只会设置图像的不透明度,但这将是一个不错的效果。这是一个例子:
img{-webkit-transition:opacity .3s ease-in-out;}
img:hover{opacity:.6}
该代码段将为淡入和淡出图像提供良好的过渡效果,使其成为透明图像。
在其他情况下,您可以使用图片 Sprite 来做您想做的事情:)