我们可以根据实际的需要选择合适的CSS代码样式添加到自己的网页模板的代码中实现网页灰色、黑白样式。
第一、网页黑白代码样式A
<style>
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;
}
</style>这里我们可以将代码添加到HEAD模板中，要实现全站才可以。
第二、网页黑白代码样式B
html {
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(100%);
}同样的可以添加到样式中。
第三、网页黑白代码样式C
<html style="filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(100%);">
这个直接是修改HEAD区域顶部HTML的，这个好像比较简单。
这里，我们根据实际的需要选择添加到代码中。
原文：https://www.itbulu.com/css-grayscale.html
留言评论
暂无留言