img.desaturate { filter: grayscale(100%); }
当然,所有当前的浏览器都通过供应商前缀实现CSS3过滤器,因此我们的第一个工作是插入该代码,编写一个尚不存在的CSS,以便将来证明我们的工作:
img.desaturate { filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
filter: grayscale(100%);
}
将类应用于图像很简单: