Làm thế nào để hiểu CSS3 3D Transform Perspective

Question

Tôi đang thử nghiệm CSS3 3D Transform trong Safari, nhưng tôi thấy rằng mô hình 3D là xa kiến ​​thức của tôi. Sau khi tham khảo Tài liệu W3C của Holy, tôi phát hiện ra tất cả các quy tắc biến đổi trong CSS3 sẽ được dịch thành ma trận biến đổi tương tự như ma trận được sử dụng trong tiêu chuẩn SVG: http://www.w3.org/TR/SVG/coords.html#TranslationDefined OMG. Có ai có thể giải thích cho tôi cách hiểu hành vi của các chức năng chuyển đổi như xoayX, phối cảnh, v.v.

Answer 1

Tôi thường thấy rằng tôi không cần ma trận chuyển đổi thực tế cho bất kỳ điều gì tôi đã thực hiện. Sử dụng các thuộc tính riêng lẻ để thay thế. Tôi sử dụng tài liệu http://developer.apple.com/library/safari/#documentation/InternetWeb/Conceptual/SafariVisualEffectsProgGuide/Transforms/Transforms.html.

Answer 2

Tôi chưa nhận được thông tin đúng cách, nhưng tôi cũng không giỏi môn toán. Hãy thử điều này mặc dù, có thể giúp hiểu cách thức các thuộc tính hoạt động http://westciv.com/tools/3Dtransforms/

Answer 3

Tôi đã viết một số tuts và demo trên CSS 3D Transforms bao gồm CSS3 3D matrix-biến đổi: http://www.eleqtriq.com