анимация-итерация-подсчет infinte не работает в Safari - PullRequest
0 голосов
/ 05 февраля 2020

У меня есть анимация для потрясающей кнопки отправки, которая повторяется. Он работает на 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}
    }

Вы знаете, как это исправить?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...