Браузер Safari останавливает анимацию css при вызове нового сайта

Question

У меня есть ссылка. Когда я нажимаю на нее, должна появиться css -анимация в блоке div. Но как только Safari обнаружил, что я хочу go по этой ссылке, он останавливает анимацию и вызывает сайт.

Я также добавил setTimeout () с задержкой в ​​две секунды, чтобы подтвердить мое предположение .

Анимация запускается в течение двух секунд, затем вызывает ссылку и останавливает анимацию.

Я ничего не нашел в inte rnet, так что для такого рода проблемы. Все остальные браузеры, работающие до сих пор, радуют мой wi sh.

. Я знаю, что вариант gif был бы вариантом, но я действительно хотел убедиться, что мой подход не работает вообще. Поэтому я прошу вас быть уверенным, что это не мое отсутствие знаний: -)

Есть идеи, как этого добиться?

Answer 1

В Safari, когда вы используете ключевые кадры, вам нужно использовать весь процент:

это будет:

@-webkit-keyframes keyarm {
    0% { -webkit-transform: rotate(0deg); }
    5% { -webkit-transform: rotate(-14deg); }
    10% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(0deg); }
}

Не знаю почему, но Safari работает именно так! :)