真机的动画效果总是会跟开发者工具上不一致，比如：

@keyframes moveHandLeftAndRight{

0%{

left:30%;

opacity: 0.8;

}

25%{

left:5%;

opacity:0.1;

}

50%{

left:30%;

opacity:0.8;

}

75%{

left:55%;

opacity:0.1;

}

100%{

left:30%;

opacity:0.8;

}

}

在实际真机上显示效果却是：

@keyframes moveHandLeftAndRight{

0%{

left:30%;

opacity: 0.1;

}

25%{

left:5%;

opacity:0.8;

}

50%{

left:30%;

opacity:0.1;

}

75%{

left:55%;

opacity:0.8;

}

100%{

left:30%;

opacity:0.1;

}

}

就是opacity效果反过来了，还有就是有些keyframes设置top从80%到60%，真机上也没有效果反应出来

代码片段：wechatide://minicode/kKR3Kzmj69Zk