How to understand the concept of 3D 3D Transform

Question

I am testing 3D3 Transform in CSS Safari, but I found that the 3D model is far from my knowledge. After consulting the Holy W3C document, I found that all CSS3 conversion rules will be translated to convert a matrix that is similar to that used by the SVG standards: http://www.w3.org/TR/SVG/coords.html#TranslationDefined OMG, I am not good at math. Is there anyone who can explain to me how to understand the behavior of conversion functions like rotateX, perspective, etc.

Answer 1

I generally found that I did not need the actual transformation matrix for everything I did. Use separate properties instead. I am using http://developer.apple.com/library/safari/#documentation/InternetWeb/Conceptual/SafariVisualEffectsProgGuide/Transforms/Transforms.html as documentation.

Answer 2

I wrote some tricks and demos in 3D CSS transforms, including CSS3 3D transform matrices: http://www.eleqtriq.com

Answer 3

, . , , , http://westciv.com/tools/3Dtransforms/