rotate3d() ファンクション

　rotate3d() ファンクションは、引数のX軸、Y軸、Z軸の回転に関するベクトルと回転角度から立体的に回転したエレメントを返す CSS 関数です。
　X軸、Y軸、Z軸の方向のベクトルは、1 で右回り,-1 で左回り、0 でなしになります。数値の大きさで回転度合いの配分となります。
　X軸、Y軸、Z軸、それぞれのみを中心に回転させたい場合は、rotateX()、rotateY()、rotateZ() が使えます。

.content {
	transform-origin: initial;
	transform: rotate3d( 1, 0, 0, 30deg );
}

　rotate3d() ファンクションは、エレメントの変形に関する transform プロパティで transform-functions として利用します。

　 transform プロパティによる回転の中心は transform-origin プロパティによって変更ができます。