rotateY动画,苹果真机只显示一半图像
<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);
}
}
苹果真机图片旋转只显示一半,并且屏幕在闪
