animation动画效果不一致,真机会有问题
发布于 4 年前 作者 juanwang 12855 次浏览 来自 问答

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

@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

1 回复

你好,请提供一下出现问题的机型和微信版本,以及能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。

回到顶部