2011-03-25 22 views
8

क्या कोई भी इंटरनेट एक्सप्लोरर 9 पर 3 डी सीएसएस ट्रांसफॉर्म चलाने के लिए परीक्षण चला रहा है? यदि हां, तो क्या वे सफल रहे हैं?आईई 9 3 डी सीएसएस ट्रांसफॉर्म का समर्थन करता है?

मैं इस पर कोई भी जानकारी, निश्चित रूप से क्रोम/सफारी/फ़ायरफ़ॉक्स पहले से ही समर्थन जोड़ रहे हैं यह :) के

कुछ दुष्ट नए 3 डी CSS सिंटेक्स

translate3d नहीं मिल सकता है (एक्स, वाई, जेड), translateZ (z)
तत्व x, y और z में ले जाएं, और केवल तत्व को z में ले जाएं। सकारात्मक जेड दर्शक की ओर है। एक्स और वाई के विपरीत, जेड मान प्रतिशत नहीं हो सकता है।

scale3d (sx, एसवाई, SZ), scaleZ (SZ)
स्केल एक्स, वाई और जेड में तत्व। जेड स्केल परिवर्तित बच्चों में जेड अक्ष के साथ स्केलिंग को प्रभावित करता है।

rotateX (कोण), rotateY (कोण), rotate3d (एक्स, वाई, जेड, कोण),
पहले दो रूपों बस क्षैतिज और ऊर्ध्वाधर अक्ष के बारे में बारी बारी से तत्व। कोण इकाइयां डिग्री (डिग्री) रेडियंस (रेड) या ग्रेडियन (ग्रेड) हो सकती हैं। अंतिम रूप आपको 3 डी स्पेस में मनमाने ढंग से वेक्टर के चारों ओर तत्व घुमाने की अनुमति देता है; एक्स, वाई और जेड को यूनिट वेक्टर निर्दिष्ट करना चाहिए जिसे आप घूमना चाहते हैं (हम इसे आपके लिए सामान्यीकृत करेंगे)।

परिप्रेक्ष्य (पी)
इस समारोह आप परिवर्तन मैट्रिक्स में कुछ परिप्रेक्ष्य डाल करने के लिए अनुमति देता है। पी के स्पष्टीकरण के लिए, नीचे देखें। आम तौर पर परिप्रेक्ष्य -webkit-परिप्रेक्ष्य संपत्ति के माध्यम से लागू किया जाता है, लेकिन इस समारोह की तरह कुछ के साथ, आप एक ही तत्व के लिए एक परिप्रेक्ष्य प्रभाव प्राप्त करने के लिए अनुमति देता है:

-webkit-transform: perspective(500px) rotateY(20deg); 

matrix3d ​​(...)
इस समारोह की अनुमति देता है स्तंभ-प्रमुख क्रम में 16 मानों के कच्चे 4 × 4 सजातीय परिवर्तन मैट्रिक्स को निर्दिष्ट करने के लिए। उसके साथ मज़ा लें!

here से लिया गया।

+0

http://caniuse.com/#search=transform – mVChr

+0

इस वेबसाइट को देखें: http://caniuse.com/, सबसे विशेष रूप से यह: http://caniuse.com/#feat=transforms3d – Jason

उत्तर

17

3 डी रूपांतरण नहीं है, IE9 समर्थन नहीं करता, सिर्फ 2 डी लोगों में समर्थित css3 और एचटीएमएल 5 सुविधाओं के http://www.findmebyip.com/litmus/

माइक्रोसॉफ्ट यहां ब्राउज़र की नई विशेषताएं सूचीबद्ध करता है: http://msdn.microsoft.com/en-us/ie/ff468705 - 3 डी ट्रांसफॉर्म इसे नहीं बनाते हैं।

एक नोट के रूप में: IE9 में सीएसएस संपत्तियों के लिए ग्राहक विशिष्ट उपसर्ग -ms-*

2

ऐसा नहीं है। केवल सफारी 5 को इस सुविधा का समर्थन करने के रूप में सूचीबद्ध किया गया है।

अधिक जानकारी के लिए यहां एक व्यापक तुलना है: विभिन्न ब्राउज़रों

3

फ़ायरफ़ॉक्स प्रलेखन तरह पर्याप्त उल्लेख करने के लिए जो न्यूनतम ब्राउज़र संस्करण हैं है कि समर्थन यह: https://developer.mozilla.org/en/CSS/-moz-transform#Browser_compatibility

Internet Explorer 10, Firefox 10, Chrome 12, सफारी 4

इसलिए जैसा कि आईई 9 का उल्लेख किया गया है लेकिन आईई 10 जारी नहीं होगा। सफारी, क्रोम & फ़ायरफ़ॉक्स में अब रिलीज़ संस्करण हैं जो इसका समर्थन करते हैं, और ओपेरा के पास अभी तक समर्थन का कोई उल्लेख नहीं है।

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