Css 动画迭代计数infinte不在Safari上工作

我有一个震动提交按钮的动画，它会自动重复。它可以在Chrome、Firefox和Safari上运行，但在Safari上，重复操作不起作用

似乎动画迭代计数不起作用。我试过用一个数字和无穷大

这是我的CSS：

input[type="submit"] {
     animation-name:shake;
     animation-duration:5s;
     animation-timing-function:ease-in;
     animation-delay:3s;
     animation-iteration-count: infinite;
     -moz-animation-name:shake;
     -moz-animation-duration:5s;
     -moz-animation-timing-function:ease-in;
     -moz-animation-delay:3s;
     -moz-animation-iteration-count: infinite;
     -webkit-animation-name:shake;
     -webkit-animation-duration:5s;
     -webkit-animation-timing-function:ease-in;
     -webkit-animation-delay:3s;
     -webkit-animation-iteration-count: infinite;
    }
    @-webkit-keyframes shake {
        0% {left: 0}
        1% {left: -3px}
        2% {left: 5px}
        3% {left: -8px}
        4% {left: 8px}
        5% {left: -5px}
        6% {left: 3px}
        7% {left: 0}
        100% {left:0}
    }
    @-moz-keyframes shake {
        0% {left: 0}
        1% {left: -3px}
        2% {left: 5px}
        3% {left: -8px}
        4% {left: 8px}
        5% {left: -5px}
        6% {left: 3px}
        7% {left: 0}
        100% {left:0}
    }
    @keyframes shake {
        0% {left: 0}
        1% {left: -3px}
        2% {left: 5px}
        3% {left: -8px}
        4% {left: 8px}
        5% {left: -5px}
        6% {left: 3px}
        7% {left: 0}
        100% {left:0}
    }

---

你知道如何解决这个问题吗？

在Safari 12上对我很有用。请注意，尽管这显然不是问题所在，但您应该将符合规范的规则放在底部，因此它们是由支持浏览器选择的。我指的是safari for iOS，抱歉，我应该提到这一点