转换在Chrome和Firefox中运行，而不是在Safari中运行

Question

我使用了这段代码：

codepen.io/egrucza/pen/PwbzPy

它似乎适用于Chrome和Firefox，但不适用于Safari。我添加了Modernizr，但这并没有帮助我。 Safari中的三角形在没有悬停的情况下可见，并且具有奇怪的位置。悬停没有做任何事情。

有任何快速解决方法吗？

Answer 1

最有可能是因为您使用transform:: rotate(-45deg) translateX(0);需要Safari上的供应商前缀。尝试添加：

-webkit-transition: -webkit-transform 200ms ease;
-webkit-transform: rotate(-45deg) translateX(0%);