Safari无法旋转360度以上

时间:2013-02-16 19:48:26

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

Safari 6.0.2可以执行超过360度的旋转吗?我有simple experiment。在Chrome版本中试用(不是金丝雀,会破坏,moz也会破坏)和Safari。

更新:自从我找到解决方案后,我已经编辑了它在Chrome和Safari中正常运行,但我仍然提供了一个不正确的版本和正确的比较版本。(注意:此时Safari版本为6.0.2)。顺便说一句,我只在MAC测试,还没在Windows中测试

版本不合适:Fail in Safari

正确版本:Simple Experiment

1 个答案:

答案 0 :(得分:0)

转换时,您无法同时拥有多种转换样式,例如

.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中的一个错误(或其他内容),因为Chrome可以正确处理它。