iPhone 图片黑白反转

用 CSS 实现经典图像反转效果 · 交互式演示

效果演示

点击下方按钮,查看 iPhone 拍摄图片的黑白反转效果:

iPhone 拍摄风景示例图
iPhone 拍摄城市示例图
iPhone 拍摄自然示例图

技术说明

本效果通过 CSS 的 filter 属性实现,结合了 invert(100%)grayscale(100%)

核心样式如下:

.inverted img {
  filter: invert(100%) grayscale(100%);
}

该方法无需修改原始图片,纯前端实现,适用于响应式网页与移动端优化。

iPhone 17 Pro 溢价现象深度解析|最新市场行情与购买建议 iPhone怎么设置微信面容打开?详细图文教程-微信面容ID设置指南 iPhone如何关闭锁屏密码-详细图文教程 iPhone XR 官网价格|最新售价与购买指南 iPhone怎么调出鼠标光标?详细教程与使用技巧 iPhone 原彩显示你们开吗?全面解析与用户调研 iPhone 7 Plus 刚发布时溢价多少?历史价格回顾与分析 怎么更改iPhone时间-详细图文教程|iPhone使用指南 高级感iPhone壁纸|极简美学高清壁纸下载 iPhone官方壁纸下载-高清原生壁纸合集 苹果 iPhone 7 参数详解-官方配置、性能与功能介绍 如何关闭 iPhone 震动模式?详细教程与技巧-iPhone取消震动指南 iPhone 6s 尺寸详解-长度、宽度与厚度全解析 iPhone锁屏时间字体颜色设置方法与技巧|全面指南 iPhone序列号K开头是什么意思?全面解析苹果设备序列号含义 iPhone刷新率怎么设置?全面指南|iPhone高刷屏设置教程 如何用 iPhone 录入门禁卡?完整教程与注意事项-实用指南 iPhone几代用的钛合金?全面解析苹果钛合金机型-专题页 iPhone 展示机内置照片展示|官方样张与壁纸精选 iPhone 16e 发布时间-最新消息与官方信息汇总 安卓怎么转移数据到iPhone?完整迁移指南-2025最新教程 iPhone设置震动在哪里?详细图文教程-快速开启/关闭震动模式 iPhone自动亮度功能详解|提升体验与省电技巧 ⅰpnohe4s图片专题-探索神秘图像背后的故事 iPhone天线边框凸起问题解析与解决方案 iPhone闹钟铃声大小怎么调?详细设置方法指南 iPhone拍照变横屏问题详解与解决方法 iPhone 14 远峰蓝|官方配色介绍与特色展示 iPhone 16 上市时间与价格信息-最新官方发布详情 iPhone 17 与 iPhone 17 Pro 信号表现深度解析|最新对比评测 iPhone 11 刚上市多少钱?首发价格与历史回顾 iPhone如何给微信加面容锁?详细设置教程 如何将 iPhone 照片导入另一台 iPhone-完整指南 iPhone输入法变数字?原因与解决方法全解析 iPhone 17有Plus版本吗?最新消息与预测-2025全面解析 iPhone铃声响一声就变小?原因与解决方法全解析 赵吏 iPhone 7 功能详情-经典智能机全面解析 iPhone密码设置与管理指南|安全使用技巧 iPhone 17 Pro 贴什么膜?全面解析最佳屏幕保护方案 iPhone开机密码突然不对了?原因与解决方法全解析 iPhone 17e 配置详解-全新入门级苹果手机全面解析 iPhone XR 支持5G吗?全面解析与对比 iPhone通讯录怎么转移到新手机-完整迁移指南 iPhone 16序列号查询产地-快速识别你的iPhone生产国家 换 iPhone 怎么配对手表?Apple Watch 配对指南-新机换机必备 iPhone验机序列号查询-快速验证苹果设备真伪与保修状态 iPhone 4 国行上市时间-全面回顾苹果经典机型发布历史 iPhone 到哪一步算激活?全面解析激活流程与注意事项 iPhone 14 Pro Max 长度是多少厘米?详细尺寸参数解析 iPhone怎么把备份导入新手机-完整图文教程 iPad 和 iPhone 不想同步短信?关闭方法全解析 iPhone实况设置10秒-快速开启实况照片教程 iPhone数字键盘如何输入字母-实用技巧指南 iPhone如何输入㎡(平方米符号)?详细教程 iPhone如何设置自定义铃声-详细图文教程 iPhone联系人导入SIM卡完整指南|手把手教你导出通讯录 iPhone 17 门店开售时间-最新发售信息与预约指南 iPhone屏幕颜色不鲜艳怎么调?详细解决方法汇总 iPhone备忘录显示时间-实时模拟与使用技巧 iPhone 震动排水快捷指令-快速清除手机扬声器进水 How to Type a Comma on iPhone Keyboard – Quick Guide iPhone 8 Plus 配置参数详解-官方规格与功能介绍 iPhone轻点唤醒屏幕没反应?原因与解决方法大全 iPhone背板设计与材质全解析-探索苹果手机背面的美学与工艺 iPhone相册隐藏功能大揭秘-你不知道的iOS照片管理技巧 如何将 iPhone 联系人转移到新 iPhone-完整指南 iPhone一键熄屏技巧大全|快速锁屏方法汇总 iPhone怎么记住网页密码?完整设置指南-苹果设备使用技巧 iPhone相册照片不见了?原因与解决方法全解析 iPhone分贝测试仪在哪?如何使用iPhone测量声音分贝? iPhone 17 续航实测:真实使用体验与电池表现深度解析 iPhone 15听筒位置详解-快速找到顶部扬声器 iPhone X换电池多少钱?2025最新官方与第三方价格对比 iPhone 17 充电速度全面解析|快充技术、实测数据与用户指南 iPhone 13 支持双卡吗?详细解答与使用指南 激活iPhone是什么意思?全面解析iPhone激活流程与常见问题 iPhone XS Max 电池容量详解|官方参数与使用建议 iPhone闹钟下载-免费获取原生iOS闹钟功能指南 iPhone 14有哪些型号?全面解析iPhone 14系列各版本区别 163邮箱登录-iPhone版官方入口 iPhone面容解锁没动画?原因与解决方法全解析 iPhone锁屏时间设置在哪里?详细图文教程 2020的5G iPhone贵吗?全面解析iPhone 12系列价格与价值 如何在 iPhone 上设置自动亮度调节|完整图文教程 iPhone 16支持多少W快充?官方快充功率详解-科技资讯 iPhone 6s 摄像头参数详解|前置后置镜头规格与功能介绍 iPhone怎么打空格?详细教程与技巧-苹果手机输入法指南 iPhone 拟我表情发送不了?原因与解决方法全解析 iPhone闹钟怎么关闭?详细图文教程-一步到位关闭闹钟 两个iPhone怎么大量传照片?5种高效方法全解析 iPhone激活日期查询-快速了解你的iPhone激活时间 iPhone X 参数配置详解-官方规格与功能介绍 iPhone相册软件下载-高效管理照片与视频的必备工具 iPhone 11 发布时间详解|苹果 iPhone 11 正式上市日期 iPhone天线条磨损问题详解与解决方案|用户指南 iPhone无法关机?原因与解决方法全解析 iPhone外放没声音变成听筒?原因与解决方法全解析 美版iPhone运营商查询工具-快速识别你的美版iPhone支持哪些运营商 iPhone 7 降级到出厂系统完整指南|安全回退 iOS 10 教程 iPhone Emoji 表情大全-iPhone 指脸表情全解析