为什么移动设备上的css动画更快？

Question

我得到这个问题，因为我多次面对这个问题，我唯一能想到的就是移动设备的“硬件加速”与基于计算机的浏览器不同。

什么我谈论的问题是，如果你让CSS的动画，你把尽可能秒的时间显示在移动设备上的不同。（它像快10倍。）

如果你犯了一个类或id与行：

-webkit-animation:keyFrameName 10s infinite; 

它将在移动设备上，如1s和笔记本电脑10s。

任何人都知道解决方案来同步笔记本电脑浏览器和设备浏览器的时间？

所有的事情都欢迎，这只是一个问题，可能会改变开发者世界的一些事情。

---

编辑1： 关键帧是这样的：

@-webkit-keyframes RAani{ 
0%{opacity:1.0;} 
50%{opacity:0.25;} 
100%{opacity:1.0;} 
} 
@-moz-keyframes RAani{ 
0%{opacity:1.0;} 
50%{opacity:0.25;} 
100%{opacity:1.0;} 
} 
@keyframes RAani{ 
0%{opacity:1.0;} 
50%{opacity:0.25;} 
100%{opacity:1.0;} 
} 

Answer 1

试试这个

-webkit-animation: keyFrameName 10s infinite; 
-webkit-animation-timing-function: linear; 
-moz-animation: keyFrameName 10s infinite; 
-moz-animation-timing-function: linear; 
-o-animation: keyFrameName 10s infinite; 
-o-animation-timing-function: linear; 
animation: keyFrameName 10s infinite; 
animation-timing-function: linear;