轉換只能在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%);