2013-02-16 165 views
0

Safari 6.0.2可以执行超过360度的旋转吗?我有一个simple experiment。尝试在Chrome版本(不是金丝雀,将打破,莫兹也将打破)和Safari。Safari不能旋转超过360度

更新:由于我找到了解决方案,我编辑了它在Chrome和Safari中正常工作,但我仍然提供了一个不合适的版本和适当的版本进行比较(注意:Safari版本是6.0.2) 。顺便说一句,我在MAC只测试,尚未在Windows

测试不正确的版本:Fail in Safari

正确的版本:Simple Experiment

+0

只是在一个旁注 - 似乎在这里在金丝雀工作。 – jdepypere 2013-02-16 20:49:26

+0

真的吗?我的金丝雀,所有的线性渐变和径向渐变突破,我的金丝雀是一个干净的版本,没有扩展标志的变化 – 2013-02-17 09:00:39

+0

http://s8.postimage.org/td5i9u8wl/chun_2.png,这是它假设的截图,确定它已经旋转Z(900deg)或180deg – 2013-02-17 09:05:38

回答

0

在同一时间,你不能有多个变换风格transitting时,例如

.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可以正确处理它。