css3の3D回転を使用

Question

回転の3つのパラメータは何ですか？
多くのリソースが四番目のパラメータ（例について説明しています：enter link description hereではなく、あまりの最初の3つについて：

rotate(x, y, z, adeg) 

第四は、全軸度の角度を表示され、その後、最初の3です彼らの最大値であり、どのようなスカラー係数のいくつかの種類は、？これらは何を実装していますか？

Answer 1

がtransform: rotate3d(x,y,z, angle)

rotate3dは、ベクトル軸を中心にオブジェクトを回転させる。それはのためにあるものを（X、Y、Z）だ。彼らが決定しますオブジェクトがその周りを回転するベクトル（c 3つの軸のベクトル）も

あなたはそれが正の値はこれらの3つの値の間の関係がある2D

のように起動していない軸ダウンしているということを意味し、3DでのY軸が反転していることを知っている必要がありためoordonatesベクトルを設定する際に重要です。 rotate3d(10,-50,80,60deg)

div { 
 

 
    width:100px; 
 
    height:100px; 
 
    background:red; 
 
    margin:50px; 
 
} 
 
.first { 
 
    transform: rotate3d(1, -1, 1, 60deg); 
 
} 
 
.second { 
 
    transform: rotate3d(100, -100, 100, 60deg); 
 
}

<div> 
 

 
</div> 
 
<div class="first"> 
 

 
</div> 
 
<div class="second"> 
 

 
</div>

と同じ rotate3d(1,-5,8,60deg)例： rotate3d(1,-1,1,60deg)ため rotate3d(100, -100, 100, 60deg)以上明確と同じ結果が得られます