为什么在safari上css3的-webkit-animation不起作用？
在loje.in里点击球里的召唤者山谷进入的第二页，为什么在safari上【我是男生】跟【我是女生】的动画不生效？
我在新的页面上做过测试，已经排除了safari兼容上的问题。所以是不是在css3动画是不是在某些地方会存在冲突导致不能生效？
第1个回答 2016-05-03
这样改一下就好
@-webkit-keyframes wave
{
from{-webkit-transform:rotate(30deg)}
to{-webkit-transform:rotate(300deg)}
}
重新检查并修补了下css文件里所有的关于animation的属性，
看来所有针对相关浏览器兼容的代码是必须要同时规范，
例如-webkit-animation后面接的一定是@-webkit-keyframes而不是@keyframes，后面所写的其他动画才会一并生效的。
@-webkit-keyframes wave
{
from{-webkit-transform:rotate(30deg)}
to{-webkit-transform:rotate(300deg)}
}
重新检查并修补了下css文件里所有的关于animation的属性，
看来所有针对相关浏览器兼容的代码是必须要同时规范，
例如-webkit-animation后面接的一定是@-webkit-keyframes而不是@keyframes，后面所写的其他动画才会一并生效的。
第2个回答 2015-07-22
这样改一下就好
@-webkit-keyframes wave
{
from{-webkit-transform:rotate(30deg)}
to{-webkit-transform:rotate(300deg)}
}本回答被提问者和网友采纳
@-webkit-keyframes wave
{
from{-webkit-transform:rotate(30deg)}
to{-webkit-transform:rotate(300deg)}
}本回答被提问者和网友采纳
相似回答
