Ответ 1
Запуск аппаратного ускорения теоретически может решить проблему, хотя это может привести к другим проблемам.
Известно, что Chrome (даже в вашем случае работает) не делает большой работы в этом вопросе, и даже если он сможет решить проблему в Safari, это может вызвать проблемы в Chrome (вам все равно нужно протестировать):
- Почему переходы для некоторых свойств CSS медленны, и никто не владеет текстом
- Различие CSS3 в Firefox и Chrome и IE
- http://www.binarymoon.co.uk/2014/02/fixing-css-transitions-in-google-chrome/
Но сначала проверьте его, так как мои ресурсы намного старше вашего вопроса:)
Мое предложение - сначала попробовать более быстрые переходы. Это решило мою проблему в предыдущих подобных случаях.
Тем не менее, хотя я бы хотел сослаться на следующий вопрос SO (ну и принятый ответ), чтобы помочь вам в лучших практиках запуска аппаратного ускорения, если вы решите принять этот путь: