Chuyển tiếp CSS3 3D nhấp nháy trong firefox khi sử dụng hộp bóng

Question

Tôi có một quả táo giống như phần tử coverflow được tạo bằng cách sử dụng chuyển đổi CSS3 và các biến đổi 3D.

http://jsfiddle.net/7eDkb/1/ (chuyển tiếp với hộp-shadow)

trình mịn trên chrome, nhưng trên firefox, bìa đang nhấp nháy giữa có thể nhìn thấy và không nhìn thấy khi họ đang được hoạt hình.

Sau quá trình loại bỏ, tôi nhận thấy rằng việc loại bỏ thuộc tính css "hộp bóng" khỏi các mục sẽ dẫn đến chuyển tiếp trơn tru trong firefox.

http://jsfiddle.net/7eDkb/2/ (chuyển tiếp mà không cần hộp bóng)

Tôi đã thử nghiệm này trong firefox và chrome v15 v21.

Có giải pháp nào để có cả chuyển tiếp 3D và hộp đổ bóng trên một phần tử mà không cần nhấp nháy trên firefox?

EDIT: trong fiddles, nhấp vào hình ảnh màu xám để xem nhấp nháy

Answer 1

Có một lý do chính đáng không có ai trả lời câu hỏi này được nêu ra, đó là một lỗi firefox.

Tôi đã gửi lỗi này tới bugzilla và đã được xác nhận là lỗi.

https://bugzilla.mozilla.org/show_bug.cgi?id=790239

Như @ Kyle ghi trong comment của mình, giải pháp tốt nhất hiện nay là sử dụng một lựa chọn không thanh lịch để hộp-shadow trong trường hợp của firefox.