html - 电脑css3动画可以执行，手机基本不行，为什么，求救

Question

demo

可以查看源代码，代码不多的，用手机和电脑浏览，注意那个充电头的动画

Answer 1

我测试了一下，
魅族note2上UC，火狐，chrome，魅族自带浏览器均有动画。
只有手机Opera没有动画。
lz可以试一下加上针对不同浏览器的css前缀补全。
或者在meta里加上浏览器打开h5模式的标识。

Answer 2

最好加上浏览器兼容前缀 你的代码transition: all 5s linear 1s; ，如果你是用在webkit内核的浏览器，最好这样写

-webkit-transition: all 5s linear 1s;
transition: all 5s linear 1s;

Answer 3

在移动端要出发 gpu 使用 css3的 3d效果 触发 并且不要使用jquery等js的运动 性能会有明显提升