我想知道是否可以将色调应用于css中的不透明度？
我有各种尺寸的PNG.当用户将鼠标悬停在PNG上时,我希望PNG将不透明度改为0.5,色调为#000.根据w3schools,您只能修改不透明度值而不是总是设置为#FFF的色调.
我试图将一个黑盒子的不透明度设置在我的PNG上,并通过CSS display:none/block;在PNG悬停之间切换.这不起作用,因为我的PNG不是矩形图像,并且是各种尺寸,这意味着黑盒子不仅覆盖我的PNG.
我的问题还有其他解决方案吗？
Webkit示例:http://jsfiddle.net/5APXu/1/
div:hover { opacity: .5; -webkit-filter: grayscale(100%) sepia(100%); }
这使用了CSS 过滤器属性,该属性开始获得支持.有许多可能的效果,所以你可以实现你对黑/灰色调的原始愿望.
| 归档时间： |
|
| 查看次数： |
12713 次 |
| 最近记录： |