为什么你的安卓比支持css3动画。

原创 五行缺火 随笔 工作问题 2378阅读 2016-03-15 09:14:52 举报

今天工作中遇到一个问题,被测试追着改......

贴出我的代码:
@keyframes dong{
0%{transform:rotate(-15deg);-webkit-transform:rotate(-15deg);}
100%{transform:rotate(15deg);-webkit-transform:rotate(15deg);}
}
本来只是想做一个动态摇动的效果,后来发现在安卓手机下这样是不行的,于是作出了相应的改动,原因很简单:其实就是兼容性问题,如果你仔细阅读w3school网站上的基础讲解,你就不会犯这样的错误了。

为什么你的安卓比支持css3动画。

于是改动一点,就OK了

@-webkit-keyframes dong{
0%{transform:rotate(-15deg);-webkit-transform:rotate(-15deg);}
100%{transform:rotate(15deg);-webkit-transform:rotate(15deg);}
}
以后遇到兼容性问题,估计也是这个原因....

评论 ( 1 )
最新评论