230问答网 > 为什么在safari上css3的-webkit-animation不起作用？

为什么在safari上css3的-webkit-animation不起作用？

2025-01-01 00:15:54

推荐回答（2个）

回答1：

这样改一下就好

@-webkit-keyframes wave
{
from{-webkit-transform:rotate(30deg)}
to{-webkit-transform:rotate(300deg)}
}
重新检查并修补了下css文件里所有的关于animation的属性，
看来所有针对相关浏览器兼容的代码是必须要同时规范，
例如-webkit-animation后面接的一定是@-webkit-keyframes而不是@keyframes，后面所写的其他动画才会一并生效的。

回答2：

这样改一下就好

@-webkit-keyframes wave
{
from{-webkit-transform:rotate(30deg)}
to{-webkit-transform:rotate(300deg)}
}