CSS3

：

CSS関数

：

translateY()

　 編集：2022.07.09 by T.A.

[Edge]○。→●、mdn

Y方向移動。

translateY( <length-percentage> )

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

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


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

関連

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

transform。

テスト
HTML：

ここに表示
HTML：

ここに表示
スクリプト：


スクリプト：



表示内容：
表示内容：