iPhone 图片黑白反转
用 CSS 实现经典图像反转效果 · 交互式演示
效果演示
点击下方按钮，查看 iPhone 拍摄图片的黑白反转效果：
技术说明
本效果通过 CSS 的 filter 属性实现，结合了 invert(100%) 和 grayscale(100%)。
核心样式如下：
.inverted img {
filter: invert(100%) grayscale(100%);
}该方法无需修改原始图片，纯前端实现，适用于响应式网页与移动端优化。