rotateY动画,苹果真机只显示一半图像
发布于 6 年前 作者 echeng 15932 次浏览 来自 问答

<image class=“other-yhzx” src="/image/xxxxxxx.png" />

.other-yhzx {

animation:  turnround2 9s 9s ease-in-out infinite;

-webkit-animation:  turnround2 9s 9s ease-in-out infinite;

}

@-webkit-keyframes turnround2 {

0% {

transform: rotateY(10deg);

-webkit-transform: rotateY(10deg);

}

25% {

transform: rotateY(60deg);

-webkit-transform: rotateY(60deg);

}

50% {

transform: rotateY(10deg);

-webkit-transform: rotateY(10deg);

}

75% {

transform: rotateY(60deg);

-webkit-transform: rotateY(60deg);

}

100% {

transform: rotateY(10deg);

-webkit-transform: rotateY(10deg);

}

}

@keyframes turnround2 {

0% {

transform: rotateY(10deg);

-webkit-transform: rotateY(10deg);

}

25% {

transform: rotateY(60deg);

-webkit-transform: rotateY(60deg);

}

50% {

transform: rotateY(10deg);

-webkit-transform: rotateY(10deg);

}

75% {

transform: rotateY(60deg);

-webkit-transform: rotateY(60deg);

}

100% {

transform: rotateY(10deg);

-webkit-transform: rotateY(10deg);

}

}

苹果真机图片旋转只显示一半,并且屏幕在闪

1 回复

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

回到顶部