सीएसएस 3 डी कोण अंक

Question

मैं एक div पर निम्नलिखित परिवर्तन प्रदर्शन करने के लिए CSS3 का उपयोग कर रहा रूपांतरण करें:

'-webkit-transform' : 'rotateX(45deg) rotateZ(-45deg)'

परिणाम की तरह है:

या इस बेला में के रूप में : http://jsfiddle.net/kteSW/

जैसा कि हम यहां देख सकते हैं, कोण 30deg (sin45 * sin45) के बजाय 36deg है। क्या किसी को इस समस्या का कारण पता है? क्या यह इरादा है या यह एक CSS3 बग है?

---

अद्यतन:

मैं पहले से ही होने के लिए पैरामीटर सेट करने के:

-webkit-transform-style: preserve-3d; -webkit-perspective: none;

तो सब कुछ एक ओर्थोगोनल तरह से प्रतिपादन किया जाना चाहिए। हालांकि, कोण अभी भी 30 डिग्री नहीं है।

Answer 1

हम जो हासिल करने की कोशिश कर रहे हैं वह आंख और जेड अक्ष के बीच कोण की गणना करना है जब हम (0, 0, 0) (1, 1, 1) से देखते हैं।

तो यह वास्तव में (90 deg) - arctan(1/sqrt(2)) = 54.7356103 deg है, 45deg नहीं है।