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