使用 rotatey rotatex动画时 苹果手机一半显示一半不显示

发布于 6 年前作者 xiuyingwu10834 次浏览最后编辑 6 年前来自 ask
  • 当前 Bug 的表现(可附上截图)

使用css和wx.createAnimation 设置旋转动画在苹果手机上会出现一半显示一半不显示的情况

旋转中

旋转完成后正常


  • 预期表现

  • 复现路径

  • 提供一个最简复现 Demo

.enterAndOrder {

width: 265rpx;

animation: myfirst 3s linear 0s infinite normal;

/* Firefox: */

-moz-animation: myfirst 3s linear 0s infinite normal;

/* Safari 和 Chrome: */

-webkit-animation: myfirst 3s linear 0s infinite normal;

/* Opera: */

-o-animation: myfirst 3s linear 0s infinite normal;

}

@keyframes myfirst {

0% {

transform:rotatey(-90deg);

}

25% {

transform:rotatey(0deg);

}

30% {

transform:rotatey(20deg);

}

35% {

transform:rotatey(0deg);

}

95% {

opacity: 1;

}

100% {

opacity: 0;

}

}

2 回复
jinggu
jinggu1 楼6 年前

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

jiezou
jiezou2 楼4 年前

wechatide://minicode/D9BtCqmV7z2u