收藏
回答

css animation steps(1, start)帧动画无效

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug css animation 客户端 7.0.1363 2.5.0(2019.1.9 17:33:44)

css帧动画,在华为荣耀7上变成了跑马灯,steps(1, start)设置无效。

其他机型都没有问题。


设置如下:


/* css */


.twist {

 background-image: url(base64......);

 background-repeat: no-repeat;

 background-size: auto 100%;

 background-position: 0% 0%;

  animation: twist-animate 3150ms 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%;

 }

}






回答关注问题邀请回答
收藏

1 个回答

  • 社区技术运营专员-娇华
    社区技术运营专员-娇华
    2019-01-18

    麻烦给个相关的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html),也提供下视频看看

    2019-01-18
    有用
    回复
登录 后发表内容