css帧动画,在华为荣耀7上变成了跑马灯,steps(1, start)设置无效。
其他机型都没有问题。
设置如下:
background-repeat: no-repeat; background-size: auto 100%; background-position: 0% 0%; animation: twist-animate 3150 ms steps( 1 , start);
@keyframes xiaoice-sprite-normal-wave-animate { 0% { background-position: 0% 0%; } 8.333% { background-position: 8.333% 0%; } 16.667% { background-position: 16.667% 0%; } 25% { background-position: 25% 0%; } 33.333% { background-position: 33.333% 0%; } 41.667% { background-position: 41.667% 0%; } 50% { background-position: 50% 0%; } 58.333% { background-position: 58.333% 0%; } 66.667% { background-position: 66.667% 0%; } 75% { background-position: 75% 0%; } 83.333% { background-position: 83.333% 0%; } 91.667% { background-position: 91.667% 0%; } 100% { background-position: 0% 0%; } } |
麻烦给个相关的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html),也提供下视频看看