使用 rotatey rotatex动画时 苹果手机一半显示一半不显示
- 当前 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;
}
}
