css - Safari 不能旋转超过 360 度

Question

Safari 6.0.2 可以进行 360 度以上的旋转吗？我有一个简单的实验。在 Chrome 版本（不是金丝雀，会损坏，moz 也会损坏）和 Safari 中尝试。

更新：自从我找到解决方案后，我已经对其进行了编辑，使其在 Chrome 和 Safari 中正常工作，但我仍然提供了不正确的版本和正确的版本进行比较。（注意：此时 Safari 版本为 6.0.2）。顺便说一句，我只在 MAC 中测试，尚未在 Windows 中测试

不正确的版本： 在 Safari 中失败

正确版本：简单实验

Answer 1

过渡时不能同时具有多个变换样式，例如

.春{

-webkit-transform: scale(1.0); /*we want rotate, so remove this*/
transform: scale(1.0); /*we want rotate, so remove this*/

-webkit-transition: all .8s ease;
transition: all .8s ease;

}

.春：悬停{

-webkit-transform: rotate(-900deg); /*we want this to be rotate few cycle*/
transform: rotate(-900deg);

}

在正常状态下不能有刻度，在悬停状态下不能旋转。

这绝对是 safari 中的一个错误（或其他问题），因为 Chrome 可以正确处理它。