↑

CSS3

：

CSS関数

：

translate()

　 編集：2022.07.09 by T.A.

[Edge]○。→●、mdn

2次元移動。

translate( <length-percentage>, <length-percentage>? )

与えられた値の tx、ty により、移動量ベクター［tx, ty］による、2D 並進 を指定する。ty は省略可能であり、指定されていない場合は 0 と見なされる。

<IMG src="Com/Picture.jpg" style="
 transform:translate(10px,20px);
">


<IMG src="Com/Picture.jpg" style="
 transform:translate(-10px,-20px);
">

関連

translate()、translateX()、translateY()。translate3d()、translateZ()。

transform。

テスト
HTML：

ここに表示
HTML：

ここに表示
スクリプト：


スクリプト：



表示内容：
表示内容：