rotateZ() ファンクション

　rotateZ() ファンクションは、引数の角度から Z 軸を中心にエレメントを回転する CSS 関数です。この関数は transform プロパティに使用します 。
　X軸、Y軸、それぞれのみを中心に回転させたい場合は、rotateX()、rotateY() が使えます。
　X軸、Y軸、Z軸を組み合わせて回転させたい場合は rotate3d() メソッドを利用します。

.content {
	transform-origin: initial;
	transform: rotateZ( 30deg );
}

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

　 transform プロパティの回転は、 transform-origin プロパティによってその中心を決めます。