如何把网页变成黑白

这个功能可能平时并不需要, 但是今天2020年4月4日,为了哀悼抗疫中牺牲的英雄们,很多网站都变成了黑白的,今天就来看看技术上怎么实现

用css3中的filter属性,可以实现一些像ps中的简单滤镜效果:

灰度: grayscale

模糊: blur

对比度: contrast

色相旋转: hue-rotate

阴影: drop-shadow

 

实现纯黑白效果,只需给html标签设置样式 filter: grayscale(100%);

利用hue-rotate可以实现颜色的渐变动画

drop-shadow可以实现不规则图形的阴影, 区别于box-shadow

 

注意点: filter属性有兼容性问题, ie是不支持的

posted @   Love_night  阅读(1384)  评论(0编辑  收藏  举报
编辑推荐:
· Linux glibc自带哈希表的用例及性能测试
· 深入理解 Mybatis 分库分表执行原理
· 如何打造一个高并发系统?
· .NET Core GC压缩(compact_phase)底层原理浅谈
· 现代计算机视觉入门之:什么是图片特征编码
阅读排行:
· 手把手教你在本地部署DeepSeek R1,搭建web-ui ,建议收藏!
· Spring AI + Ollama 实现 deepseek-r1 的API服务和调用
· 数据库服务器 SQL Server 版本升级公告
· C#/.NET/.NET Core技术前沿周刊 | 第 23 期(2025年1.20-1.26)
· 程序员常用高效实用工具推荐,办公效率提升利器!
点击右上角即可分享
微信分享提示