网站首页如何变灰？

最新推荐文章于 2024-06-13 09:45:33 发布

万物皆对象666

最新推荐文章于 2024-06-13 09:45:33 发布

阅读量169

点赞数

文章标签： css css3 前端

本文链接：https://blog.csdn.net/qq_66953312/article/details/128281983

版权

图片方面的内容只要换一个图片就好，其他的就是靠控制 css 来进行改变。一个网站有很多个css，多数元素都有自己的颜色，整体变灰的工作量大，效率低。所以要有简便快捷的方法。

$globalColor: gray;
$globalBtnColor: gray;
// ...

当修改变量的时候, 就会导致整个网站的主色调改变颜色
- 因为 sass / less 都是开发阶段使用的内容
- 一经修改，就需要从新编译打包成新的文件进行服务器部署，相对比较麻烦
- 而且一些细节的地方可能会遗漏掉 (比如没有用全局变量的地方)

filter:  progid: DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(100%);

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%);">

这样就简单高效的实现了网页的黑白灰色调

关注