为什么移动设备上的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;