सेटिंग -वेबिट-परिप्रेक्ष्य ब्लर्स आईपैड 3 स्क्रीन

Question

आईपैड 3 पर वेबकिट परिप्रेक्ष्य सीएसएस प्रॉपर्टी सेट करना बच्चे तत्वों को बहुत धुंधला कर देता है, जैसे छवियां रेंडर करती हैं अगर वे रेटिना डिस्प्ले के लिए हैं। स्पष्ट होने के लिए मैं धुंधला करने वाली छवियों के बारे में बात नहीं कर रहा हूं, डोम बाल तत्व धुंधला कर रहे हैं।

इसके बारे में क्या किया जा सकता है?

बस संपत्ति को हटाने का विकल्प एक विकल्प नहीं है, क्योंकि मैं उन एनिमेशनों का उपयोग करता हूं जिनके लिए ज़ेड-एक्सिस में आंदोलन की आवश्यकता होती है। इस पर किसी भी मदद के लिए

-webkit-perpective: 500; 

धन्यवाद:

संपत्ति सीएसएस में इस तरह सेट किया गया है!

Answer 1

सुनिश्चित नहीं हैं कि अगर इस में मदद मिलेगी, लेकिन सामने के अंत भगवान डेविड DeSandro द्वारा इस लेख में बात की इस तरह के एक उल्लेख नहीं है, अनुभाग के अंतर्गत "z- अक्ष मूल की ओर लौटने":

http://24ways.org/2010/intro-to-css-3d-transforms

3-डी को स्नैपी बदलने के लिए, सफारी तत्व को मिश्रित करता है, फिर ट्रांसफॉर्म लागू करता है। नतीजतन, टेक्स्ट पर एंटी-एलाइजिंग ट्रांसफॉर्म लागू होने से पहले जो कुछ भी था, वह रहेगा। जब 3 डी अंतरिक्ष में आगे तब्दील, महत्वपूर्ण पिक्सेलेशन हो सकता है ...

... ताकि विरूपण को हल करने और, हमारे #cube लिए पिक्सेल पूर्णता बहाल हम 3 डी वस्तु को पीछे धकेलने कर सकते हैं करने के लिए, सामने वाला चेहरा ज़ेड-अक्ष मूल पर वापस स्थित होगा।

#cube { -webkit-transform: translateZ(-100px); }