网站全体变灰主要在用于哀悼缅怀和悼念日使用,国家公祭日等等
勿忘历史勿忘痛
深切缅怀!
![图片[1]-一行CSS样式代码实现网站全局变灰操作方式及教程方法-华为博客](https://www.hwsoy.com/wp-content/uploads/2022/12/4-25.png)
使用教程:
也很简单,只需要在两个文件中添加一行代码就可以实现,具体演示效果可以查看上方截图的效果
1、后台主题设置—>自定义代码—>自定义 CSS 样式代码把下面的代码添加到里面
其他网页或者主题直接在 foot 或者 head 文件底部添加即可,记得添加引用即可如
CSS 样式代码:
第一种样式代码:推荐使用
<style type="text/css">
/*网站整体灰白样式开始一*/
html{
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
/*网站整体灰白开始样式一结束*/
</style>
样式二代码:
<style type="text/css">
/*网站整体灰白样式开始三*/
body {
-webkit-filter: grayscale(100%); /* webkit */
-moz-filter: grayscale(100%); /*firefox*/
-ms-filter: grayscale(100%); /*ie9*/
-o-filter: grayscale(100%); /*opera*/
filter: grayscale(100%);
}
/*网站整体灰白样式三结束*/
</style>
第三种样式代码:
<style type="text/css">
/*网站整体灰白样式开始三*/
body {
-webkit-filter: grayscale(100%); /* webkit */
-moz-filter: grayscale(100%); /*firefox*/
-ms-filter: grayscale(100%); /*ie9*/
-o-filter: grayscale(100%); /*opera*/
filter: grayscale(100%);
}
/*网站整体灰白样式三结束*/
</style>
© 版权声明
文章版权归作者所有,未经允许请勿转载。
THE END
暂无评论内容