收藏
回答

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

问题模块 框架类型 问题类型 提审时间 AppID
审核 小程序 Bug 2018-09-02 wx3821d2a1031ee528

- 当前 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 个回答

登录 后发表内容