/ / CSS3 / एचटीएमएल 5 - सीएसएस, एचटीएमएल 5, सीएसएस 3, सीएसएस-संक्रमण के साथ पाठ घूर्णन

CSS3 / एचटीएमएल 5 - सीएसएस, एचटीएमएल 5, सीएसएस 3, सीएसएस-संक्रमण के साथ पाठ घूर्णन

मेरे पास एक <span> कि मैं घूमना चाहता हूँ। मैं एचटीएमएल 5, CSS3, और इंटरनेट एक्सप्लोरर 9 का उपयोग कर रहा हूँ।

मैंने नीचे दिए गए सीएसएस की कोशिश की, लेकिन यह काम नहीं कर रहा है:

-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);

मैं अवधि कैसे घुमा सकता हूं?

उत्तर:

उत्तर № 1 के लिए 16

-webkit- तथा -moz- गुण क्रमशः वेबकिट ब्राउज़र (क्रोम, सफारी) और गेको ब्राउज़र (फ़ायरफ़ॉक्स) के लिए हैं।

आपको आईई के समकक्ष भी उपयोग करने की आवश्यकता है।

.rotate {

/* Safari, Chrome */
-webkit-transform: rotate(-90deg);

/* Firefox */
-moz-transform: rotate(-90deg);

/* IE */
-ms-transform: rotate(-90deg);

/* Opera */
-o-transform: rotate(-90deg);

/* Older versions of IE */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

/* CSS3 standard as defined here: http://www.w3.org/TR/css3-transforms/ */
transform: rotate(-90deg);

}

स्रोत


जवाब के लिए 4 № 2

प्रयत्न -ms-transform: rotate(-90deg);


जवाब के लिए 2 № 3

इनलाइन तत्वों को घुमाया नहीं जा सकता है। आपको उन्हें ब्लॉक स्तर के रूप में प्रदर्शित करना होगा।