图像在Mac浏览器中反转

Question

我们面临一个奇怪的问题，即Mac浏览器上的图像显示颠倒。 SS下面。

我已经尝试在Mac系统上按预期显示它。不幸的是，我无法访问显示为反向的Mac。

有人遇到这个问题吗？

Answer 1

以下css属性生效时，图像将反转：

filter: invert(100%);

因此，您可以使用以下CSS解决问题：

img {
    filter: invert(0%) !important;
}

---

img {
    transition: 500ms ease-in-out;
    }
    
img:hover {
    filter: invert(100%);
    }

<img src="https://i.imgur.com/8NLsi1s.jpg" height="100" width="100">