क्यों क्रोम में rotateY (फ्लिप) css3 एनीमेशन झिलमिलाहट है?

Question

मैं एक jsFiddle बना दिया है: http://jsfiddle.net/Grezzo/JR2Lu/

जब आप अपने कीबोर्ड पर मैं कुंजी हिट, चित्र कुछ पाठ को दिखाने के लिए चारों ओर flips, लेकिन फ्लिप एनीमेशन के दौरान यह flickers (विशेष रूप से पाठ flickers) ने Chrome में देखी।

(ध्यान दें कि मैं -prefix मुक्त जे एस पुस्तकालय का उपयोग कर रहा है, ताकि मैं ब्राउज़र विशिष्ट सीएसएस गुणों के साथ उपसर्ग की जरूरत नहीं है।)

यह क्यों झिलमिलाते है और मैं इसे कैसे रोक सकता है?

अद्यतन: झिलमिलाहट क्रोम 20.0.1132.47 पर उल्लेखनीय है XP पर चल रहा हूँ, और जो कुछ भी ओएस एक्स 10.7.4 शेर के लिए नवीनतम संस्करण है (मैं अपने मैक के पास जांच करने के लिए नहीं कर रहा हूँ अभी)

Answer 1

खैर , यह थोड़ा अजीब है। .card से background-color को हटाकर, यह ठीक काम करता है: http://jsfiddle.net/JR2Lu/3/

लगता है कि स्टाइल .card मुद्दा है, आप सामान्य रूप से है कि div नहीं दिख रहा है शायद के रूप में।