【问题标题】：Transitions working in Chrome and Firefox, not in Safari过渡在 Chrome 和 Firefox 中工作，而不是在 Safari 中
【发布时间】：2015-01-19 22:16:10
【问题描述】：
我使用了这个代码：
codepen.io/egrucza/pen/PwbzPy
它似乎在 Chrome 和 Firefox 中有效，但在 Safari 中无效。我添加了 Modernizr，但这对我没有帮助。 Safari 中的三角形在没有悬停的情况下是可见的，并且位置很奇怪。悬停不做任何事情。
有什么快速解决办法吗？
【问题讨论】：
标签：
html
css
google-chrome
safari
cross-browser
【解决方案1】：
很可能是因为您在 Safari 上使用了transform:: rotate(-45deg) translateX(0);，它需要供应商前缀。尝试添加：
-webkit-transition: -webkit-transform 200ms ease;
-webkit-transform: rotate(-45deg) translateX(0%);