備忘録的プログラミングリファレンス

translate3d() メソッド

 translate3d() メソッドは、X軸、Y軸、Z軸を指定した引数の値から立体的に移動したエレメントを返す CSS 関数です。エレメントの移動に利用されます。

translate3d()
.content {
	transform-origin: initial;
	transform: translate3d( 30px, 30px, 30px );
}

動作の確認はExampleを参照してください

 X軸、Y軸、Z軸方向ごとに移動することもできます。
 X軸方向の移動は translateX()、X軸方向の移動は translateY()、Z軸方向の移動は translateZ() です。

構文(Syntax)

CSS

translate3d( x, y, z )

Example

 translate3d() 関数による移動の例です。平面の表示ですのでZ軸方向は表示されていません。