Cómo entender la perspectiva de la transformación 3D de CSS3

Question

Estoy probando la transformación 3D de CSS3 en Safari, pero descubrí que el modelo 3D está lejos de mi conocimiento. Después de consultar el documento Holy W3C, descubrí que todas las reglas de transformación en CSS3 se traducirán para transformar la matriz que es similar a la utilizada en los estándares SVG: http://www.w3.org/TR/SVG/coords.html#TranslationDefined OMG, no soy bueno en matemáticas. ¿Hay alguien que pueda explicarme cómo entender el comportamiento de las funciones de transformación como rotateX, perspectiva, etc.

Answer 1

En general, he encontrado que no he necesitado la matriz de transformación real para nada de lo que he hecho. Use las propiedades individuales en su lugar. Yo uso http://developer.apple.com/library/safari/#documentation/InternetWeb/Conceptual/SafariVisualEffectsProgGuide/Transforms/Transforms.html como documentación.

Answer 2

No he podido verlo correctamente, pero tampoco soy bueno en matemáticas. Sin embargo, intente esto, podría ayudar a entender cómo funcionan las propiedades http://westciv.com/tools/3Dtransforms/

Answer 3

He escrito algunos tuts y demos en 3D CSS transforma incluyendo CSS3 3D matriz transformadas: http://www.eleqtriq.com