सीएसएस ट्रांसफॉर्म स्केल टेक्स्ट धुंधला बनाता है

Question

मेरे पास एक होवर प्रभाव है कि जब यह ट्रिगर होता है, तो बॉक्स बढ़ता है। केवल मेरे पास यह मुद्दा है कि पाठ संक्रमण के दौरान धुंधला लगता है और फिर 'रूपांतरित' होने पर फिर से तेज हो जाता है।

यहाँ पर पोस्ट करने से पहले मैं एक अनुसंधान करने का निर्णय लिया और इस पोस्ट जो रूप में अच्छी तरह मेरा साथ इस मुद्दे प्रतीत हो रहा है भर में आया था:

How to force re-render after a WebKit 3D transform in Safari

http://duopixel.com/stack/scale.html

मैं करने के लिए अपने जवाब आवेदन किया है मेरा निर्माण और अभी भी धुंधला प्रभाव होता है। मैंने नीचे एक लिंक प्रदान किया है और यदि कोई मुझे सलाह दे सकता है कि मेरे पास क्या हल करना संभव है तो यह बहुत अच्छा होगा! संक्रमण कोड की

जैसे:

-moz-transform:scale(1.05,1.05); 

http://jsfiddle.net/VcVpM/1/

Answer 1

हालांकि यह बराबर नहीं है, चौड़ाई, ऊंचाई, छोड़ दिया, शीर्ष, font-size में विशेषताओं की स्थापना: मंडराना काम करता है क्रोम पर धुंधला बिना ।

.cta:hover { 
    width: 500px; 
    height: 500px; 
    font-size: 400%; 
} 

केवल अन्य काम के आसपास एनीमेशन @keyframes का उपयोग करें और उन्हें ~ 5 या 10 की एक सभ्य राशि निर्धारित करने की हो "हो सकता है", यह प्रत्येक फ़्रेम के बीच धुंधला के सुधार के लिए मजबूर हो सकता है।

Answer 2

मैं CSStricks.com पर इस पाया:

अगर आप अपनी रूपांतरण सेट भी

translate3d(0, 0, 0) 

उपयोग करने के लिए इसे ठीक कर सकते हैं, लेकिन यह फोंट घुमाने पर कुछ धुंधले होने के लिए कारण नहीं दिखाई देता है/बदलना। यहां देखें: http://codepen.io/WillsonSmith/pen/4/2

मैं jquery का उपयोग करता हूं और मेरे स्लाइडर के एच 3 टैग को ठीक करने की आवश्यकता होती है। बड़ा पाठ मेरे लिए धुंधला नहीं था। मैंने लाइन

$ ("# स्लाइडर 1_container") लिखा है। ("एच 3")। सीएसएस ("- वेबकिट-ट्रांसफॉर्म", "translate3d (0,0,0)")। सीएसएस ("- वेबकिट -टेक्स्ट-स्ट्रोक "," 0.15 पीएक्स ");

और यह मेरे लिए सबसे अच्छा तय करता है। मुझे अपने बदलाव के सामने -webkit की आवश्यकता थी। मुझे नहीं पता कि क्यों, दूसरों ने इसका इस्तेमाल नहीं किया। मैंने कुछ अलग-अलग सेटिंग्स के साथ जिस तरह से देखा, उसकी एक छवि अपलोड की।