全站置灰
全站置灰
html {
-webkit-filter: grayscale(100%);
-moz-filter:grayscale(100%);
-ms-filter:grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
}
除了使用 CSS 的 filter 属性之外,还可以通过在 body 上设置背景色和文字颜色来实现全站置灰的效果,例如
body {
background-color: #333;
color: #ccc;
}
此方法可以使页面背景和文字颜色变成灰色,从而实现全站置灰的效果。另外,还可以使用 JavaScript 来实现全站置灰的效果,例如:
document.documentElement.style.filter = "grayscale(100%)";
此代码会将 HTML 根元素(即 标签)的 filter 样式设置为 grayscale(100%),从而实现全站置灰的效果。
- 感谢你赐予我前进的力量
赞赏者名单
因为你们的支持让我意识到写文章的价值🙏
本文是原创文章,采用 CC BY-NC-ND 4.0 协议,完整转载请注明来自 时空跃动
评论
匿名评论
隐私政策
你无需删除空行,直接评论以获取最佳展示效果