CSS3/HTML5

Question

के साथ पाठ घूर्णन करना मेरे पास <span> है जो मैं घूमना चाहता हूं। मैं HTML5, CSS3 और Internet Explorer 9

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

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

मैं अवधि कैसे बारी बारी से करते हैं?

Answer 1

-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); 

} 

Source

Answer 2

-ms-transform: rotate(-90deg);

Answer 3

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