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

translateX() メソッド

 translateX() メソッドは、引数の値からX軸方向に移動したエレメントを返す CSS 関数です。

translateX()例
.content {
	transform-origin: initial;
	transform: translateX( 30px );
}
動作の確認はExampleを参照してください

 X軸、Y軸、Z軸方向を一括で指定することもできます。一括で指定する場合は translate3d() を使用します。
 Y軸方向の移動は translateY()、Z軸方向の移動は translateZ() です。

構文(Syntax)

CSS

translateX( x )

Example

 translateX() 関数による移動の例です。