Safari не анимируется при добавлении класса в div

#javascript #jquery #css

Вопрос:

У меня есть этот веб-сайт: Пример Codepen (вы можете увидеть код там. Анимация начинается при нажатии)

Он отлично работает в любом браузере, даже edge. За исключением Safari.

Я исправлял анимации ключевых кадров, где у меня было только «to {}» и добавлял к нему «from {}», я даже пытался заполнить from, чтобы содержать те же фрагменты, что и

я добавил all -webkit- animations, и это, по крайней мере, исправило фон.

Дело в том, что у меня есть наложенный div, называемый «loading-cover», с class .loading-cover

Позже я добавляю класс с помощью jquery document.getElementById("loading-cover").classList.add('loaded');

Затем каждый браузер запускает альтернативную анимацию, safari этого не делает

1. Какие браузеры вы пробовали?

2. Не ссылайтесь на внешний веб-сайт. Вместо этого создайте уменьшенную демонстрацию проблемы прямо здесь, в stackoverflow. В будущем у кого-то может возникнуть такая же проблема, и если страница будет удалена, он не сможет решить свою проблему.

3. можете ли вы опубликовать этот код анимации css

4. Я пробовал Safari, edge, opera, chrome, firefox и IE10.

Ответ №1:

Я обнаружил эту ошибку синтаксического анализа в консоли Safari: