html {
/* 1. 滤镜效果加满,已经可以满足效果了 */
filter: grayscale(100%);
/* 2. 第一步已经满足效果,但是为了保证不同浏览器之间的兼容性,会搭配下面的语句一起使用 */
/* webkit内核 */
-webkit-filter: grayscale(100%);
/* 火狐内核 */
-moz-filter: grayscale(100%);
/* 微软内核 */
-ms-filter: grayscale(100%);
/* 欧朋内核 */
-o-filter: grayscale(100%);
/* ie专有滤镜 */
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}
CSS实现哀悼日的网页变灰
最新推荐文章于 2022-12-19 21:18:57 发布