2012-07-09 12 views
7

मैं css3 एनीमेशन के साथ कुछ अजीब मुद्दे हैं।css3 एनीमेशन कलाकृतियों

मैं css3 transformation लागू किए गए ब्लॉक तत्वों की है। परिवर्तन के साथ -webkit-बदलने मैट्रिक्स लागू किए जाने पर - तत्व बहुत चिकनी लग रही है। लेकिन जब मैं -webkit-मुख्य-फ़्रेम, फोंट और कुछ अन्य div के साथ एनीमेशन लागू करने का प्रयास एनीमेशन के दौरान भयानक लग रहे हो।

नमूना यहां पाया जा सकता: http://shuma.ru/animation.html

मुद्दे में देखा जा सकता 'वेबकिट ब्राउज़रों सफारी/क्रोम' आदि

+0

आप जवाब के लिए भी यह समस्या फ़ायरफ़ॉक्स –

उत्तर

7

इस समस्या को आप यदि आप CSS पर यह लिख सकते हैं।

body{ 
    -webkit-perspective: 1000; 
    -webkit-backface-visibility: hidden; 
} 

& सफारी के लिए इस को परिभाषित:

इस के लिए
-webkit-transform:translate3d(0,0,0); 
में एनिमेटेड तत्व सीएसएस चेक

अधिक

+0

के लिए वास्तविक धन्यवाद! दुर्भाग्यवश, यह समाधान मेरे मामले के लिए काम नहीं करता ... –

+0

अधिक के लिए इस लिंक को जांचें http://stackoverflow.com/questions/3461441/prevent-flicker-on-webkit-transition-of-webkit-transform – sandeep

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