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

translateY() メソッド

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

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

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

構文(Syntax)

CSS

translateY( y )

Example

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