一行代码将网页变成灰色

<style type="text/css">html, img {/* 灰度滤镜 */filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(1);}
</style>

CSS3 filter(滤镜) 属性
Filter 函数
注意: 滤镜通常使用百分比 (如：75%), 当然也可以使用小数来表示 (如：0.75)。

grayscale(%)
将图像转换为灰度图像。值定义转换的比例。值为100%则完全转为灰度图像，值为0%图像无变化。值在0%到100%之间，则是效果的线性乘子。若未设置，值默认是0；

-webkit-filter: grayscale(100%) ：这个样式是专属于使用 webkit 内核的浏览器的，webkit内核的浏览器有谷歌浏览器、Safari浏览器、搜狗高速浏览器等。

-moz代表firefox浏览器私有属性

-ms代表ie浏览器私有属性（360浏览器是ie内核）

-webkit代表safari、chrome私有属性

-o代表opera私有属性

一行代码将网页变成灰色相关推荐

一行代码解决网页灰色
一行代码解决网页灰色 // 实战中只搞首页就OK了 body{filter: grayscale(1); }
灰色的rgb值_一行代码实现图片的灰色效果
今天是清明节,警笛长鸣,万众默哀.送别英雄,生活继续. 大部分的app配图,今天都是灰色.这种图片的转换在python里非常容易实现.一行代码搞定. 下面是DE8UG上次说个故事:再见VB.你好,精彩 ...
【Python奇淫技巧】用pandas的read_html函数仅一行代码实现网页爬虫
目录一.介绍read_html()函数二.分析爬取目标页面三.代码讲解四.同步视频讲解一.介绍read_html()函数喜欢Python编程的小伙伴你知道吗,python的pandas库除 ...
如何用一行代码实现网页变灰效果？
今天是 2020 年 4 月 4 日,星期六,清明节. 我们的国家经历了非常惨痛的时刻,很多英雄在救助他人的路上倒下,更有很多烈士英雄保卫人民的安危遇难,今天全国下降半旗,北京时间 10 点全国默哀三 ...
技术大揭秘：百度、淘宝、QQ那些官网如何就只用一行代码实现网页变灰效果？...
转自进击的Coder,作者崔庆才今天是 2020 年 4 月 4 日,星期六,清明节. 我们的国家经历了非常惨痛的时刻,很多英雄在救助他人的路上倒下,更有很多烈士英雄保卫人民的安危遇难,今天全国下降 ...
一行代码让网页变成暗黑模式
让自己的网站变成暗黑模式只需要一行简简单单的CSS代码就可以完成啦: html[theme='dark-mode'] {filter: invert(1) hue-rotate(180deg); } ...
抖音链接被封杀？一行代码实现网页直接跳转抖音
背景大家可能都发现在一些APP中无法直接打开抖音的链接,就连抖音官方的分享链接在浏览器打开都无法直接唤醒APP.需要我们手动点击: 在用户页面点击关注触发打开APP,视频页面点击打开看看触发打开AP ...
看看大佬是如何用一行代码实现网页变灰的效果的
4月4日清明节,全国人民一起哀悼新冠肺炎牺牲烈士和逝世同胞. 清明时节雨纷纷,逝去的同胞,英雄一路走好. 网站变灰昨天我们看到很多网站主页和内容都变成了灰色,包括按钮,图片,是如何做到的呢? 实现方 ...
一行代码实现网页直接跳转抖音，2023年6月新方法
之前发的文章方法已经失效,以下为新版本方案! 背景大家可能都发现在一些APP中无法直接打开抖音的链接,就连抖音官方的分享链接在浏览器打开都无法直接唤醒APP.需要我们手动点击,如果我们在自己网站 ...

一行代码将网页变成灰色

一行代码将网页变成灰色

一行代码将网页变成灰色相关推荐

最新文章

热门文章