Затерянная документация или transform: matrix3d [перевод]

[tagir_valeev]

Вращение вокруг произвольной оси добавьте (задаётся угол a и направление оси — x, y, z). Пользы от вращений вокруг координатных осей не так много.

[LegoMushroom]

спасибо! поправил

[kichik]

1. Используйте топик-перевод.
2. Актуальная спецификация: www.w3.org/TR/css3-transforms/ (2d и 3d объединили, кстати)
3. В спецификации есть специальный раздел про матрицы: Mathematical Description of Transform Functions
4. Как-то что ли неэтично приводить примеры, работающие только в webkit, если они могут работать и в других браузерах добавлением префиксов.

[nick4fake]

<< Как-то что ли неэтично приводить примеры, работающие только в webkit, если они могут работать и в других браузерах добавлением префиксов.
Почему? Наоборот, логично приводить примеры только в беспрефиксной форме. Всегда так делают, чтобы статью не захламлять.

[kichik]

Я про пример в статье, который webkit-only, ну и по тексту встречается:
document.getElementById('darth-vader').style['-webkit-transform'] = s

[LegoMushroom]

1. Пробовал не хватает кармы)
2. Спасибо, почему-то потянуло на драфт. в первоисточнике ссылка на документацию Safari, поменял на свой страх и риск. developer.apple.com/library/safari/#documentation/appleapplications/reference/SafariCSSRef/Articles/Functions.html
3. Спасибо!
4. Поправил среду разработки, спасибо. Это ведь перевод, многое хотелось изменить, но хотелось сделать именно перевод.

[edejin]

Вопрос автору:
У меня после применения матрицы перемещения дает какой-то странный поворот, в отличии от того же translate3d.
И если я в translate3d пишу сдвиги в пикселях, то в матрицу приходится писать значения порядков на 8 меньше.
Сэмпл jsbin.com/hezelifiwu/edit?js,output
Что я делаю не так? :)