Chrome -webkit-animation-play-состояние мерцание

Question

Я вращаю круг с помощью CSS3 и приостанавливаю / запускаю анимацию с помощью -webkit-animation-play-state при наведении курсора на div.Как только он снова начинает работать, анимация, похоже, возвращается к началу только на долю секунды в Chrome.В Safari все запускается и останавливается плавно.

Вот скрипка:

http://jsfiddle.net/s5AZy/

У кого-нибудь есть решение этой проблемы?

Answer 1

Я думаю, что эта ссылка может помочь, дайте мне отзыв позже

Предотвращение мерцания при webkit-переходе webkit-transform

Попробуйте

-webkit-transform-style: preserve-3d;

Удачи

Answer 2

К сожалению, анимация и наведение - это две тяжелые операции.Прямо сейчас анимация все еще новая и не очень стабильная.Поэтому, если вы хотите убрать мерцание, удалите наведение.
Вы можете попробовать применить наведение на другой элемент div, возможно это поможет.