ट्रांसफॉर्म: पहले या: आइटम के बाद

Question

क्या पहले से सम्मिलित तत्व पर ट्रांसफॉर्म लागू करने का कोई तरीका है?

निम्नलिखित काम नहीं करता है, लेकिन मैं अन्य समाधानों के लिए खुला हूं।

.itemclass:before { 
    content: "➨"; 
    transform: rotate(30deg); 
    -ms-transform: rotate(30deg); /* IE 9 */ 
    -webkit-transform: rotate(30deg); /* Safari and Chrome */ 
} 

Answer 1

ट्रांसफॉर्म को inline तत्वों को प्रतिस्थापित नहीं किया जा सकता है। जोड़ें:

display:inline-block; 

Demo

साइड-ध्यान दें: हालांकि इस उपयोग के इस मामले पर लागू नहीं होता, absolute/fixed स्थिति एक display संपत्ति के लिए की जरूरत त्यागने के रूप में इन स्वचालित रूप से display:block रूप में माना जाता हैं।

एक बदला जाने वाला तत्व एचटीएमएल नाम स्थान जो या तो एक block-level या atomic inline-level element, या जिनके 'display' संपत्ति के लिए गणना करता है 'table-row', 'table-row-group है में एक तत्व है:

इसके अलावा, transformable element की परिभाषा की जाँच ',' table-header-group ',' table-footer-group ',' table-cell ', या' table-caption '; या एसवीजी नेमस्पेस में एक तत्व ([SVG11] देखें) जिसमें गुण 'transform', 'patternTransform' या 'gradientTransform' हैं।