网页一键变灰

网页变灰 filter 一键 grayscale 0 编程技术

发布日期 2022-12-01 更新日期 2022-12-01 阅读次数 72 文章字数 395

之前一直没搞懂，这个功能要干嘛的。

实际在一些特殊日子，或悼念。

通常会把网页一键变灰。

首页变灰，会全站变灰，都是可以实现的。

body *{
-webkit-filter: grayscale(100%); /* webkit */
-moz-filter: grayscale(100%); /*firefox*/
-ms-filter: grayscale(100%); /*ie9*/
-o-filter: grayscale(100%); /*opera*/
filter: grayscale(100%);
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); 
filter:gray; /*ie9- */
}

在设计时，我们对所有的网页，无论是否使用，都至少添加一个公用的 css 和 js，保证所有的页面都使用了它。这样一来，我们只需要在该页面上添加刚才的css即可，其他的也是同理，就算是留一个扩展的，方便后续有类似的全站修改需求。

网页一键变灰

发表评论

ab测压命令，apache测压工具

npm clean-mark，抓取网页文章内容，转换成markdown、html、txt

ubuntu、centos系统从源码编译指定版本php--超详细

windows下安装clion

一行代码实现html网页整体缩放

git对比任意两次commit提交的差异文件

chrome headless模式网页截图，把html转图片

博客智能生成文章摘要，关键字的简单方法

网页离开提示未保存

网页字体图标两种快速用法

js在json中搜索数据

允许跨域ajax携带cookie，jsonp请求带cookie

mysql同步线上线下数据库结构同步

{{item.title}}