Tại sao hoạt ảnh xoay vòng (lật) css3 trong Chrome?

Question

Tôi đã thực hiện một jsFiddle: http://jsfiddle.net/Grezzo/JR2Lu/

Khi bạn nhấn phím i trên bàn phím của bạn, hình ảnh flips xung quanh để hiển thị một số văn bản, nhưng trong quá trình hoạt hình lật nó thấp thoáng (đặc biệt là các văn bản nhấp nháy) khi quan sát trong Chrome.

(lưu ý rằng tôi đang sử dụng thư viện JS -prefix miễn phí vì vậy mà tôi không cần phải thêm tiền tố với trình duyệt thuộc tính CSS cụ thể.)

Tại sao nó nhấp nháy và làm thế nào tôi có thể ngăn chặn nó?

UPDATE: Flicker là đáng chú ý trên Chrome 20.0.1132.47 đang chạy trên XP, và bất cứ phiên bản mới nhất cho OS X 10.7.4 Lion là (tôi không ở gần máy Mac của tôi ngay bây giờ để kiểm tra)

Answer 1

Vâng , đây là một chút lạ. Bằng cách loại bỏ các background-color từ .card, nó hoạt động OK: http://jsfiddle.net/JR2Lu/3/

Dường như phong cách .card phải là vấn đề, có lẽ là bạn không thường thấy div đó.