问题模块 框架类型 问题类型 操作系统 操作系统版本 手机型号 微信版本
客户端 微信小程序 Bug iOS iOS11.3 iPhone7 Plus 6.6.6



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

@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

微信小程序开发问题解答