前回、3D回転(3D Transforms)についての話をしましたがこちらの回転軸の位置関係が一般的なものとちょっと変わってるのでこの辺りについて解説をしてきます。
3D回転(3D Transforms) - 強火で進め
http://d.hatena.ne.jp/nakamura001/20100125/1264444424
rotateX,rotateY,rotateZを実行したときの回転方向はそれぞれ、以下の様になっています。
この情報をまとめるこの様になります。
CSS 3D Transformsでは左手座標系(DirectXと同じ座標系)が採用されているのが確認できます。
一般的にはY軸のプラスの方向は画面の上方向なのですがおそらく、基本に有った2D Transformsや2DのCanvasとの互換性を考慮してこの様な実装になっているのだと思われます。
