现在你或许会奇怪,为什么我们要采用全新的透明度opacity
滤镜,而不是使用已经用了很多年的opacity
属性。事实上,它们的效果的确是相同的。0%
,完全透明;100%
,完全不透明。我们既可以用数字也可以用百分比,.75
等同于75%
。
.filter {
filter : opacity(.75); }
那么,相对于以前的属性,新的滤镜有哪些优势呢?至少有两个方面。第一,透明度opacity
滤镜可以与其他滤镜进行组合,实现有趣的效果。第二,某些浏览器将来会在CSS滤镜上使用硬件加速,以此提高网页渲染速度。