Как понять CSS3 3D Transform Perspective

Question

Я тестирую 3D3 Transform в CSS Safari, но я обнаружил, что 3D-модель далека от моих знаний. После консультаций со Священным документом W3C я обнаружил, что все правила преобразования в CSS3 будут переведены в матрицу преобразования, аналогичную той, которая используется в стандартах SVG: http://www.w3.org/TR/SVG/coords.html#TranslationDefined OMG, я не умею математику. Есть ли кто-нибудь, кто может объяснить мне, как понимать поведение функций преобразования, таких как rotateX, перспектива и т. Д.

Answer 1

Я вообще нашел, что мне не нужна фактическая матрица преобразования для всего, что я сделал. Вместо этого используйте отдельные свойства. Я использую http://developer.apple.com/library/safari/#documentation/InternetWeb/Conceptual/SafariVisualEffectsProgGuide/Transforms/Transforms.html в качестве документации.

Answer 2

Я не стал обдумывать это должным образом, но я тоже не умею заниматься математикой. Попробуйте это, хотя, может помочь понять, как работают свойства http://westciv.com/tools/3Dtransforms/

Answer 3

Я написал несколько Tuts и демки на CSS 3D-преобразования, включая CSS3 3D-матрицы-преобразований: http://www.eleqtriq.com