网站网页快速变黑白方法

背景
网页变黑白常用于表达悼念、怀念故去的著名人物、重大灾难事件等。

方法
通过分析,百度百科人物网页变黑白是这么做的:

webkit-filter: grayscale(1);//filter: grayscale(1);使用这个可以

其中grayscale()的取值为0%-100%,也可以用0-1取代,0%代表彩色图像,100%代表完全的灰度。
通过对html body 元素css style设置滤镜,达到“一键变色”的效果。代码简洁高效。css filter的浏览器兼容:Chrome31+,Safari7+,Opera20+,ios Safari6+,Android Browser4.4+, Blackberry 10+均支持了-webkit-filter的方式,IE不支持,firefox不支持。

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值