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

translate() メソッド

 translate() メソッドは、引数の値から移動したエレメントを返す CSS 関数です。エレメントの移動に利用される関数です。

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

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

構文(Syntax)

CSS

translate( x, y )

Example

 translate() 関数による移動の例です。右に 30px 、下に 30px 移動した状態で表示されます。デフォルトでは左上端に表示されます。