收藏文章 楼主
如何把网页变成灰色效果
版块:站长交流区   类型:普通   作者:明日资源网   查看:2688   回复:4   获赞:9   时间:2020-04-04 04:16:02
实现这种效果很简单,只需要一句css代码:filter: grayscale(100%);,将其放到css/aui.css里面就行了。

Image

设置前:

Image

设置后:

Image

趋于完美是我们人生的意义。 
回复列表
默认   热门   正序   倒序
wolfman
5F
爱域菌Lv99
感谢


 彼岸论坛:
😊

 0   2020-04-04 17:34:30  回复
dianzijun
4F
电子菌Lv36
@100913:(在2F的简单就是美) 这个属性只支持webkit内核,火狐和ie需要单独适配

 彼岸论坛:
我大多数时间都是手机

 0   2020-04-04 13:21:32  回复
黑衣人
3F
<html style="filter: grayscale(100%);">
后台用这句

 彼岸论坛:
我都是自己摸索着来的😂

简单就是美:
可以了,哈哈,我也是自学的,过来学习下你的

 1   2020-04-04 11:00:09  回复
黑衣人
2F
稍微改了下,简单点,所有模版适用


只需要一句代码:html.{filter: grayscale(100%);},将其放到后台>实验室>嵌入相关>head嵌入里面就行了。


Image

简单就是美:
这一句才对

爱域菌:
拿走

 0   2020-04-04 10:55:26  回复

回复:如何把网页变成灰色效果

暂无用户组
退出
等级:0级
天豆:
游客:

公告

近期本站被人为恶意注册及发布垃圾帖,本站已开启普通用户发帖审核功能,VIP系列用户组不受影响,一但发现发布违法或垃圾帖的用户,该用户账号将会被永久封号,请大家共同维护互联网环境,共创美好互联网未来。

永久免费,购授权享豪礼

3年个人版授权+1940天豆仅需194元

终身个人版授权+3880天豆仅需388元

3年尊享版授权+13580天豆仅需1358元

终身尊享版授权+27160天豆仅需2716元

Powered by HadSky 7.8.5

©2015 - 2021 HadSky

购买产品 用户文档 加入QQ群 授权查询 网站绑定 客户案例 陕ICP备13005805号

您的IP:3.215.177.171,2021-09-25 19:49:30,Processed in 0.0419 second(s).

支持原创软件,抵制盗版,共创美好明天!
头像

用户名:

粉丝数:

签名:

资料 关注 好友 消息
已有3次打赏
爱域菌打赏给楼主2天豆,2020-04-04 17:34:08
⎛⎝电子菌⎠⎞打赏给楼主1天豆,2020-04-04 10:39:17
简单就是美打赏给楼主1天豆,2020-04-04 10:34:03
(9) 分享
分享

请保存二维码或复制链接进行分享

取消