过渡适用于 Chrome 和 Firefox，不适用于 Safari
Transitions working in Chrome and Firefox, not in Safari
我使用了这个代码：
codepen.io/egrucza/pen/PwbzPy
它似乎在 Chrome 和 Firefox 中有效，但在 Safari 中无效。我添加了 Modernizr，但这对我没有帮助。 Safari 中的三角形在没有悬停的情况下是可见的，并且位置很奇怪。悬停没有做任何事情。
有什么快速修复方法吗？
很可能是因为您使用 transform:: rotate(-45deg) translateX(0);，这需要在 Safari 上使用供应商前缀。尝试添加：
-webkit-transition: -webkit-transform 200ms ease;
-webkit-transform: rotate(-45deg) translateX(0%);
我使用了这个代码：
codepen.io/egrucza/pen/PwbzPy
它似乎在 Chrome 和 Firefox 中有效，但在 Safari 中无效。我添加了 Modernizr，但这对我没有帮助。 Safari 中的三角形在没有悬停的情况下是可见的，并且位置很奇怪。悬停没有做任何事情。
有什么快速修复方法吗？
很可能是因为您使用 transform:: rotate(-45deg) translateX(0);，这需要在 Safari 上使用供应商前缀。尝试添加：
-webkit-transition: -webkit-transform 200ms ease;
-webkit-transform: rotate(-45deg) translateX(0%);