介绍
将网站整体的色调换成灰色、黑色色调,在一些纪念日的时候会用到;
可以根据实际的需要选择合适的CSS
代码样式添加到自己的网页模板的代码中实现网页灰色、黑白样式。
- 网页黑白代码样式一
<style type="text/css">
html {
filter:grayscale(100%);/*给网站加灰度的滤镜*/
-webkit-filter:grayscale(100%);/*属于使用webkit内核的浏览器,兼容chrome和safari浏览器*/
-moz-filter:grayscale(100%);
-ms-filter:grayscale(100%);
-o-filter:grayscale(100%);
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter:grayscale(1)
}
</style>
- 网页黑白代码样式二
<!-- 和第一种类似,实现全站效果,可以将代码添加到head中 -->
<style>
body, 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>
网页黑白代码样式三
/* 同样的可以添加到样式style中 */
html {
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(100%);
}
网页黑白代码样式四
<!-- 这是直接添加到行内样式中 -->
<html style="filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(100%);">