घूर्णन यह जावास्क्रिप्ट & का उपयोग कर एचटीएमएल 5 का उपयोग कर नहीं एक div तत्व को घुमाने के लिए संभव है?एक div तत्व
तो क्या तत्व के गुण तो मैं इसे बारी बारी से करने के लिए/परिवर्तन सेट करूँ? अरे, div.what?
पुनश्च: जब मैं कहता बारी बारी से मैं एक धुरी के चारों ओर एक imagae बारी बारी से मतलब है, नहीं हर एक्स मिलीसेकेंड एक अलग छवि रोटेशन दिखा।
हां, एचटीएमएल 5 का उपयोग न करने वाले div को घुमाने के लिए संभव है, लेकिन CSS3 का उपयोग करना।
आप CSS3 Please पर सीएसएस रोटेशन के साथ प्रयोग कर सकते हैं (पर .box_rotate नियम टॉगल करें)।
अधिक जानकारी के लिए, गूगल के लिए: सीएसएस
बारी बारी से आप घुमाया पाठ कि (IE6 सहित) तो Raphaël कोशिश सभी ब्राउज़रों पर काम करता है के लिए एक रास्ता चाहते हैं।
+1 एक बहुत ही दिलचस्प लिंक – Benubird
पुराना सवाल है, लेकिन इस सवाल का जवाब किसी के मदद कर सकता है ...
आप सभी प्रमुख ब्राउज़रों में मालिकाना सीएसएस मार्कअप (अवधि एचटीएमएल 5 यहाँ हालांकि विशेष रूप से प्रासंगिक नहीं है) का उपयोग कर तत्वों घुमा सकते हैं।
कैसे एक तत्व 45 डिग्री सीएसएस का उपयोग कर बारी बारी से करने का उदाहरण:
.example {
-webkit-transform: rotate(45deg); /* Chrome & Safari */
-moz-transform: rotate(45deg); /* Firefox */
-ms-transform: rotate(45deg); /* IE 9+ */
-o-transform: rotate(45deg); /* Opera */
transform: rotate(45deg); /* CSS3 */
filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678, sizingMethod='auto expand'); /* IE 7-8 */
}
हाँ, MSIE वाक्य रचना कि भयानक है। "SizingMethod = 'auto expand'" पर ध्यान दें - परिणामस्वरूप फसल होने से बचने के लिए यह महत्वपूर्ण है।
मुझे यकीन है कि मैट्रिक्स ट्रांसफॉर्म (कम से कम कुछ क्षमता में) एमएसआईई 6 में भी समर्थित हैं, लेकिन यह उन परिस्थितियों के बारे में अधिक जटिलता है जो यह उनका समर्थन करता है (और यह देखभाल करने में तेजी से कठिन है)।
+1 IE संस्करण के लिए के लिए। आईई संस्करण के लिए –
+1। अगर केवल मुझे पता था ..! – Leonard
@Zanthel, बिल्कुल! मेरा जवाब देखें। css3 से IETransform। लड़का एक प्रतिभा है। –
मुझे पता है कि मुझे देर हो चुकी है। वंशावली के लिए, मैं this पोस्ट करना चाहता था: यह वेबसाइट बहुत अच्छी है और यह इसके संबंधित सीएसएस 3 समकक्षों के लिए मैट्रिक्स ट्रांसफॉर्मेशन भी करती है
+!मैट्रिक्स ट्रांसफॉर्म को ऑटो-जेनरेट करने वाले किसी लिंक को पोस्ट करने के लिए धन्यवाद, ऐसा करने के लिए यहां वापस आ रहा था! :) –
आप आईई में मैट्रिक्स का उपयोग करके ऐसा कर सकते हैं। यहां एक ऐसा फ़ंक्शन है जो इसे क्रॉसब्रोसर तरीके से हल करता है।
स्टैक ओवरफ़्लो में आपका स्वागत है! कृपया ध्यान दें कि आपकी अपनी वेबसाइट/उत्पाद के नंगे लिंक यहां दो कारणों से प्रोत्साहित नहीं किए जाते हैं; सबसे पहले, एक उत्तर स्वयं निहित उत्तर के रूप में पोस्ट किया जाना चाहिए, न कि बाहरी साइट के लिए एक लिंक। दूसरा, आत्म-प्रचार यहां पर फंस जाता है, और अक्सर स्पैम के रूप में फ़्लैग किया जाता है (विशेष रूप से यदि कोई प्रकटीकरण नहीं है कि आप अपनी साइट/उत्पाद से जुड़ रहे हैं)। –
जब आप को बाहर एचटीएमएल 5 आप भी CSS3 को छोड़कर कर रहे हैं? –
वैसे मैं एचटीएमएल 5 का उपयोग कर रहा हूं क्योंकि यह सभी ब्राउज़रों पर काम नहीं करेगा, इसलिए अगर CSS3 सभी ब्राउज़रों पर काम करता है (है ना?) तो मैं इसका इस्तेमाल करूंगा। – Mach
IE आईई 9 –