आईओएस में वेबकिट ट्रांसफॉर्म और संक्रमण का उपयोग करते समय फ़्लिकर को कैसे ठीक करें 6

Question

हमने आईपैड के लिए एक HTML5 ऐप बनाया है जो वेबकिट ट्रांसफॉर्म और एनिमेशन के लिए संक्रमण का उपयोग करता है। अतीत में हमें एनिमेशन को रोकने और चिकनी दिखाई देने के लिए हार्डवेयर त्वरण को सक्षम करने के लिए -webkit-transform: translate3d(0,0,0); का उपयोग करना पड़ा था। हमने आईओएस 6 में अपडेट किया है और यह तकनीक अब काम नहीं कर रही है। एनिमेशन के लिए आईओएस 6 में हार्डवेयर त्वरण का आह्वान करने का कोई नया तरीका है?

Answer 1

इस प्रयास करें:

-webkit-perspective: 1000; 
-webkit-backface-visibility: hidden; 

Answer 2

एप्पल, iOS6 में सफारी बदल गया है ताकि using translate3d doesn't automatically trigger GPU acceleration। मुझे लगता है कि यह कैसे करना है यह जानने के लिए लोग अभी विभिन्न दृष्टिकोणों के साथ खेल रहे हैं।

Answer 3

मैंने जो परिवर्तन बदल रहा था उसके अंदर प्रत्येक तत्व के लिए translate3d (0, 0, 0) लागू करके इसे ठीक कर दिया।

.content * { -webkit-transform:translate3d(0,0,0); }