2021-09-11 / 博客 / 367浏览 CSS实现特定图片反色 思路: 利用通配符*=找出特定图片加上滤镜filter: invert(1) 用处: 比如网站加了夜间模式,由于某些图标是暗色的,在夜间模式下看不清,那么使用一行CSS代码可以非常简单的实现高亮。 例子: /* 查找所有文件名包含“mac-3”的图片并反色 */ body.night div.surface-content img[src *="mac-3"] { filter: invert(1); } 效果: 使用前 使用后 更新于 2021-09-11 0 CSS 3 不亦乐乎 福建 2021-09-11 看起来还以为只有苹果图标反色。。。 Google Chrome 93 · Windows 10 S 江苏 2021-09-11 @不亦乐乎目前只设了苹果和wp图标反色 Wordpress App 18 · iPad iOS 14.7.1 Mr.Chou 广东 2021-09-16 Css还具备ps的滤镜,强 Microsoft Edge 45 · Android 10 发表回复 取消回复您的邮箱地址不会被公开。 必填项已用 * 标注评论 * 显示名称 * 邮箱 * 网站 Δ 上一篇 理光发布GR IIIx 下一篇 iPad mini 6 & Watch Series 7 相关文章 2024:新致宋字体反锯齿方法二则 2014:让图片自适应手机宽度 2019:Display:Grid 2016:对WordPress 4.6使用原生字体代替谷歌字体的改进
看起来还以为只有苹果图标反色。。。
@不亦乐乎目前只设了苹果和wp图标反色
Css还具备ps的滤镜,强