CSS3 में रोटेशन बिंदु सेट करें?

Question

क्या CSS3 में रोटेशन पॉइंट सेट करना संभव है? डिफ़ॉल्ट रोटेशन बिंदु 50%, 50% पर है। मैंने कोशिश की:

-webkit-transform: rotate(230deg); -webkit-rotation-point:90% 90%; 

लेकिन यह काम नहीं करता है ... कोई सुझाव?

Answer 1

यह आपके तत्व के ऊपरी-बाएं कोने पर रोटेशन धुरी बिंदु निर्धारित है और यह बारी बारी से होगा:

-webkit-transform: rotate(-25deg); 
-webkit-transform-origin: 0% 0%; 

.nav_item_txt वर्ग पर एक नज़र लेने के

http://jsfiddle.net/KHkX7/

Answer 2

सिर्फ http://www.w3schools.com/cssref/css3_pr_rotation-point.asp करने के लिए जाना और ध्यान से पढ़ें। यह कहता है कि कोई भी प्रमुख ब्राउज़र इस संपत्ति का समर्थन नहीं करता है।

Answer 3

बजाय बदलने मूल संपत्ति का उपयोग कर, रोटेशन सूत्री समर्थित नहीं है का प्रयास करें ...

एक तत्व के ऊपरी दाएँ मुद्दे पर घूर्णन के लिए (सभी लक्ष्यीकरण सहित):

-webkit-transform-origin: 100% 0; 
-moz-transform-origin: 100% 0; 
-ms-transform-origin: 100% 0; 
-o-transform-origin: 100% 0; 
transform-origin: 100% 0; 

कभी नहीं