Dlaczego migotanie animacji css3 miga w przeglądarce Chrome?

Zrobiłem jsFiddle: http://jsfiddle.net/Grezzo/JR2Lu/Dlaczego migotanie animacji css3 miga w przeglądarce Chrome?

Kiedy trafisz klawisz I na klawiaturze, obraz odwraca się, aby pokazać jakiś tekst, ale w trakcie animacji poklatkowej migocze (szczególnie tekst migocze), patrząc w Chrome.

(zauważ, że używam -prefix wolne JS biblioteki tak, że nie trzeba poprzedzić ze specyficznych właściwości CSS w przeglądarce.)

Dlaczego jest to migotanie i jak mogę go zatrzymać?

UPDATE: Flicker jest wyczuwalny na Chrome 20.0.1132.47 m działa na XP, a co najnowsza wersja dla OS X Lion 10.7.4 jest (nie jestem blisko mojego Mac teraz sprawdzić)

Źródło

2012-07-02 Grezzo

Działa dobrze tutaj, Chrome 18 w systemie Linux (ZAWSZE wspomnij wersję przeglądarki, gdy pytasz o problemy związane z przeglądarką). –

@RobW Dobry punkt - dodano wersje przeglądarki. – Grezzo

To bardzo dziwne - to samo dla mnie na moim Macu. Napisałem samouczek na ten temat i nigdy nie widziałem takiego zachowania ... –

Dobrze To trochę dziwne. Usuwając background-color z .card, to działa OK: http://jsfiddle.net/JR2Lu/3/

Wydaje się, że stylizacji .card jest problem, zapewne jak zwykle nie widać, że div.

Źródło

2012-07-02 15:10:38

Proszę pana, jesteś geniuszem. Wcześniej spotkałem się z twoim tutorialem (http://css3.bradshawenterprises.com/all/) i odesłałem do niego wiele razy. To było bardzo pomocne, dziękuję. – Grezzo

Wielkie dzięki, miło mi pomóc! –

Nice find! Moje twarze mają trochę więcej treści i stylu, najwyraźniej nie migają tam, gdzie nie ma tła ani obrazu, ale to ogranicza efekt do trywialnych przypadków użycia :( – skrat

Dlaczego migotanie animacji css3 miga w przeglądarce Chrome?

Odpowiedz

Powiązane problemy