Sto ruotando un cerchio con CSS3 e metto in pausa/esegui l'animazione con -webkit-animation-play-state al passaggio del mouse sul div. Non appena ricomincia a funzionare, l'animazione sembra tornare all'inizio solo per una frazione di secondo in Chrome. In Safari tutto inizia e si ferma senza problemi.Sfarfallio di browser -webkit-animation-play-state
Ecco il violino:
Qualcuno ha una soluzione a questo?
Sfortunatamente, l'animazione e il passaggio del mouse sono due operazioni pesanti. Al momento, l'animazione è ancora nuova e non molto stabile. Pertanto, se si desidera rimuovere lo sfarfallio, rimuovere l'hover.
Puoi provare ad applicare il passaggio del mouse su un altro div, forse ciò ti aiuterà.
penso che questo link può aiutare, darmi un feedback in seguito
Prevent flicker on webkit-transition of webkit-transform
Prova a
-webkit-transform-style: preserve-3d;
Buona fortuna
Posso sbagliarmi, ma se in Safari esso funziona bene, significa che l'errore non è nel tuo codice. L'unica cosa potrebbe essere quella di aspettare una versione futura di Chrome che corregge questa funzionalità. –
C'è qualche correzione per quello? – drinchev
Ho appena passato questo problema da solo. chrome 30.0.1599.101 su osx. Funziona su safari. – Automatico