Safari 不能旋转超过 360 度答案

【问题标题】：Safari cannot rotate more than 360 degSafari 不能旋转超过 360 度
【发布时间】：2013-02-01 14:13:41
【问题描述】：

Safari 6.0.2 可以执行超过 360 度的旋转吗？我有一个simple experiment。在 Chrome 版本（不是 canary，会损坏，moz 也会损坏）和 Safari 中尝试。

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

版本不正确：Fail in Safari

正确版本：Simple Experiment

【问题讨论】：

只是一个旁注 - 似乎在这里的金丝雀工作。
真的吗？我的金丝雀，所有线性渐变和径向渐变中断，我的金丝雀是一个干净的版本，标志没有扩展变化
s8.postimage.org/td5i9u8wl/chun_2.png ，这是应该的截图，确定已经是rotateZ(900deg)或者180deg
哦，我的错，在金丝雀中它确实不能正确显示。我以为你的意思是轮换，这确实有效，不是吗？最初的“形象”也不合适。

标签： css google-chrome safari css-transitions css-transforms

【解决方案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;

}

.chun:hover {

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

}

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

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

【讨论】：