जब सीएसएस 3 स्केल के साथ तत्व स्केल करते हैं, तो एनीमेशन पूर्ण होने के बाद तक यह पिक्सलेटेड हो जाता है। जब मैं <code>.circ</code> तत्व को <code>-webkit-backface-visibility: hidden;</code> जोड़ने मैं एक सीमा

Question

http://jsfiddle.net/nicktheandroid/5Ytnj/

साथ एक तत्व एनिमेट कर रहा हूँ, यह pixelated रहने के लिए जाने के बाद भी एनीमेशन पूरा हो गया है कारण बनता है।

मुझे आश्चर्य है कि एनिमेट करते समय इसे पिक्सेललेट नहीं करने का कोई तरीका है या नहीं। मैंने इसे Google क्रोम के dev संस्करण में देखा है।

Answer 1

ठीक है तो मुझे लगता है कि मैं चारों ओर एक काम के साथ आया हूँ;

अनिवार्य रूप से; "पैमाने" का प्रयोग न करें। "scale3d" का उपयोग करें और इसे सेटअप करें ताकि आप जिस छवि को सबसे बड़ा चाहते हैं वह scale3d(1,1,1) है।

Here आपके पास मौजूद सर्कल चीज़ के साथ एक उदाहरण है। मैंने स्केल को 5 में बदल दिया, क्योंकि मैं स्केल 3 डी func में 0.2222222222222222222222222222222 डालना नहीं चाहता था ...

[संपादित करें] इसलिए मैंने फिर से जेएसफ़िल्ड डेमो की कोशिश की, बिना हार्डवेयर त्वरण वाले कंप्यूटर पर, और पिक्सेलेशन प्रभाव चला गया था। तो ऐसा लगता है कि यह वही समस्या है जैसे स्केल 3 डी जहां यह इसे बनावट में बदल देती है और फिर इसे स्केल करती है। आप circ3 div here में कर सकते हैं।