在ios中使用@keyframes与transform: rotate()的问题
错误代码如下
@keyframes overturn {
0% {
transform: scale(0) ;
}
20% {
transform: scale(0);
}
30% {
transform: scale(1);
}
40% {
transform: rotateY(180deg);
}
100% {
transform: rotateY(1080deg);
}
}
这样写在安卓是正常的,但是在ios中翻转就会只翻转最后一下,过程不显示
正确代码
@keyframes overturn {
0% {
transform: scale(0) rotateY(0);
}
20% {
transform: scale(0) rotateY(0);
}
30% {
transform: scale(1) rotateY(0);
}
40% {
transform: scale(1) rotateY(180deg);
}
100% {
transform: scale(1) rotateY(2160deg);
}
}