为什么在safari上css3的-webkit-animation不起作用？
在loje.in里点击球里的召唤者山谷进入的第二页，为什么在safari上【我是男生】跟【我是女生】的动画不生效？我在新的页面上做过测试，已经排除了safari兼容上的问...
在loje.in里点击球里的召唤者山谷进入的第二页，为什么在safari上【我是男生】跟【我是女生】的动画不生效？
我在新的页面上做过测试，已经排除了safari兼容上的问题。所以是不是在css3动画是不是在某些地方会存在冲突导致不能生效？ 展开
我在新的页面上做过测试，已经排除了safari兼容上的问题。所以是不是在css3动画是不是在某些地方会存在冲突导致不能生效？ 展开
- 你的回答被采纳后将获得：
- 系统奖励15（财富值+成长值）+难题奖励30（财富值+成长值）
2个回答
2016-05-03 · 做真实的自己 用良心做教育
千锋教育
千锋教育专注HTML5大前端、JavaEE、Python、人工智能、UI＆UE、云计算、全栈软件测试、大数据、物联网+嵌入式、Unity游戏开发、网络安全、互联网营销、Go语言等培训教育。
向TA提问
关注
![]()
展开全部
这样改一下就好
@-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，后面所写的其他动画才会一并生效的。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
这样改一下就好
@-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)}
}
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
