Safari 6.0.2是否可以执行360度以上的旋转?我有一个简单的实验。在Chrome版本(不是金丝雀,会崩溃,moz也会崩溃)和Safari中尝试一下。
更新:自从我找到解决方案以来,我已经对其进行了编辑,使其在Chrome和Safari中正常工作,但我仍然提供了不合适的版本和合适的版本进行比较。(注意:Safari版本目前为6.0.2)。顺便说一句,我只在MAC中测试,还没有在Windows 中测试
版本不正确:Safari 失败
正确版本:简单实验
转换时不能同时有多个转换样式,例如
chun{
-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:悬停{
-webkit-transform: rotate(-900deg); /*we want this to be rotate few cycle*/
transform: rotate(-900deg);
}
不能在正常状态下缩放并在悬停状态下旋转。
这显然是safari中的一个bug(或其他什么),因为Chrome可以正确处理它。