2013-04-09 5 views
11

मेरा सीएसएस एनीमेशन div:hover पर animation-play-state: paused घोषित करता है। समस्या (क्रोम में कम से कम) है, एनीमेशन स्टटर/कूदता है जब तत्व को घुमाता है। http://jsfiddle.net/AHqLE/CSS3 एनीमेशन स्टटर/कूदने के बाद कूदता

किसी को भी यह अनुभव किया है:

यहाँ एक jsFiddle है?

+6

हाँ मैं भी इस एक ही मुद्दा हो रहा है - यह जल्दी से वापस कूद करने के लिए प्रकट होता है करने के लिए यह डिफ़ॉल्ट स्थिति है तो एनीमेशन जहां यह – Ryan

+0

दूर छोड़ दिया यह एक ज्ञात बग, मुझे लगता है कि है लेने के लिए आगे बढ़ना - एक ही पर क्या देख क्रोम 30.0.1599.6 9, जहां एनीमेशन फिर से शुरू होने से पहले आरंभिक स्थिति चमकती है। तुम अकेले नहीं हो! – Terry

+0

मैंने आपकी पहेली को देखा और इसके साथ थोड़ा सा खेला। मेरे लिए सब कुछ सुचारू रूप से चलता है। मैं क्रोमियम 25.0.1364.160 के साथ कुबंटू पर हूं, जावास्क्रिप्ट \t वी 8 3.15.11.16 – luksch

उत्तर

0

मैं पुष्टि कर सकता है कि इस अब नवीनतम Chrome वर्शन (संस्करण 31.0.1650.63)

इस मुद्दे पर एक अतिरिक्त नोट में काम करता है: (उस समय) मेरा मानना ​​है कि मैं इसे हल top/bottom मूल्यों के रूप में उपयोग करते हुए translateY मूल्यों

करने का विरोध किया
0

हार्डवेयर त्वरण को मजबूर करने के लिए -webkit-transform: translateZ(0); या -webkit-transform: translate3d(0,0,0); जोड़ने का प्रयास करें। मैं इसे किसी भी संक्रमण या एनीमेशन में जोड़ता हूं जिसका उपयोग मैं क्रोम को नहीं छोड़ता।

संबंधित मुद्दे