ios中使用@keyframes与transform: rotate()的问题

在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);
        }
    }