WXSS帧动画的background position定位失常?
发布于 6 年前 作者 yan43 13954 次浏览 来自 官方Issues

图片大小为500*308

[@keyframes](/user/keyframes) climbing{

  0%{background-position: -10px 0;}

  9%{background-position: -90px 0;}

  18%{background-position: -170px 0;}

  27%{background-position: -250px 0;}

  36%{background-position: -330px 0;}

  45%{background-position: -410px 0;}


  54%{background-position: -10px,-150px;}

  63%{background-position: -90px,-150px;}

  72%{background-position: -170px,-150px;}

  81.5%{background-position: -250px,-150px;}

  90%{background-position: -330px,-150px;}

  100%{background-position: -410px,-150px;}


}

.ptBg{

  animation-name: climbing;

  animation-duration: 2S;

  animation-timing-function: step-start;

  animation-iteration-count: infinite;

/* 马上调到上一帧结束状态

动画无线播放*/

}

动画前半部分正常后半部分背景图片定位Y轴错误(改也没用)

原图不用动画的情况下定位到(-10px,-150px)正常

哪位大佬有空教教我?

回到顶部