CSS3 Generator

transform: translate

PREVIEW

INPUT

親要素に transform-style:preserve-3d;
transform: rotate3d(-1, 1, 0, 30deg);
を指定し、立体描写を確認しやすくします。

MAIN

translate X
(X軸移動)
px translate Y
(Y軸向移動)
px translate Z
(Z軸向移動)
px *3D MODE

OPTION

transition duration: s   easing:    delay: s

CSS

MAIN

OPTION