css transform translateX在上一个iOS中不工作

css transform translateX在上一个iOS中不工作,css,Css,我有一个从右到左滑动图像的动画,它以前工作过,但在最新的Safari和iOS中已经停止工作 我不明白为什么? 这是代码 .slideLeft{ overflow:hidden; animation-play-state: paused; -webkit-animation-play-state: paused; animation-name: slideLeft; -webkit-animation-name: slideLeft; ani

我有一个从右到左滑动图像的动画,它以前工作过,但在最新的Safari和iOS中已经停止工作

我不明白为什么? 这是代码

.slideLeft{
    overflow:hidden;
    animation-play-state: paused;
    -webkit-animation-play-state: paused;

    animation-name: slideLeft;
    -webkit-animation-name: slideLeft;  

    animation-duration: 1s; 
    -webkit-animation-duration: 1s;

    animation-timing-function: ease-in-out; 
    -webkit-animation-timing-function: ease-in-out;     

    visibility: visible !important; 
}

@keyframes slideLeft {
    0% {
        transform: translateX(120%);
    }
    100% {
        transform: translateX(0%);
    }
}

@-webkit-keyframes slideLeft {
    0% {
        -webkit-transform: translateX(120%);
    }
    100% {
        -webkit-transform: translateX(0%);
    }
}

非常感谢您的任何意见。

我不知道为什么,但它对我很有用。你能分享你的全部代码吗?为什么要用它?溢出:隐藏;动画播放状态:暂停-webkit动画播放状态:暂停;我不知道为什么,但这对我很有效。你能分享你的全部代码吗?为什么要用它?溢出:隐藏;动画播放状态:暂停-webkit动画播放状态:暂停;