2011-11-23 18 views
6

Obracam kółko z CSS3 i wstrzymuję/uruchamiam animację za pomocą -webkit-animacja-play-state po najechaniu na div. Gdy tylko zacznie się znowu wyświetlać, animacja wskakuje na początek tylko na ułamek sekundy w Chrome. W Safari wszystko zaczyna się i kończy gładko.Chrome - webkit-animacja-odtwarzaj-migotanie stanu

Oto skrzypce:

http://jsfiddle.net/s5AZy/

Czy ktoś ma rozwiązanie tego?

+2

Może się mylę, ale jeżeli w Safari it działa poprawnie, oznacza to, że błędu nie ma w kodzie. Jedyną rzeczą może być oczekiwanie na przyszłą wersję przeglądarki Chrome, która koryguje tę funkcję. –

+0

Czy jest jakaś poprawka? – drinchev

+0

Sam przyszedł ten problem. chrome 30.0.1599.101 na osx. Działa na safari. – Automatico

Odpowiedz

0

Niestety, animacja i zawijanie to dwie ciężkie operacje. Obecnie animacja jest wciąż nowa i niezbyt stabilna. Dlatego jeśli chcesz usunąć migotanie, usuń wskaźnik myszy.
Możesz spróbować zastosować wskaźnik myszy do innego elementu div, może to pomoże.