使用 rotatey rotatex动画时 苹果手机一半显示一半不显示
发布于 5 年前 作者 xiuyingwu 10678 次浏览 来自 问答
  • 当前 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 回复

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

wechatide://minicode/D9BtCqmV7z2u

回到顶部