title: 如何网页变成灰色素调 date: 2020-04-04 23:31:42 tags: [Hexo,建站] categories: [建站]
html {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
_filter: none;
}
效果预览:
html {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}
备用:
<style>
body *{
-webkit-filter: grayscale(100%); /* webkit */
-moz-filter: grayscale(100%); /*firefox*/
-ms-filter: grayscale(100%); /*ie9*/
-o-filter: grayscale(100%); /*opera*/
filter: grayscale(100%);
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
filter:gray; /*ie9- */
}
</style>
效果预览:
.garyBody {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
-webkit-filter: grayscale(1);
}
效果预览:
比如grayscale.js或者http://www.majas-lapu-izstrade.lv/cross-browser-grayscale-ie11-v2/,浏览器大safari、Chrome、Firefox、IE、edge的兼容性,请自行测试。
素调方式大同小异,应该都是遵循微软的滤镜。至于你问我为什么能够在0点准时换装,我猜想一个是过早获知消息、定时作业、人工作业两套图片样式、批量下架、而且有的也不是定时完成,比如游戏,有的次日00:12都还不能登录,估计运维睡了,晚点手动操作下。😄