CSS3

：

CSS関数

：

translateX()

　 編集：2022.07.09 by T.A.

[Edge]○。→●、mdn

X方向移動。

translateX( <length-percentage> )

与えられた値 <length-percentage> による、X 方向の 2D 並進 を指定する。

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


<IMG src="Com/Picture.jpg" style="
 transform:translateX(50%);
">

関連

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

transform。

テスト
HTML：

ここに表示
HTML：

ここに表示
スクリプト：


スクリプト：



表示内容：
表示内容：