translate()

要素の位置を2D平面上で移動させるための関数

要素を水平方向（X軸）と垂直方向（Y軸）の両方で移動させる

例

code:css

.element {

transform: translate(50px, 100px);

}

アニメーションで使う例

code:css

@keyframes slideRight {

from {

transform: translateX(0);

}

to {

transform: translateX(100px);

}

}

.element {

animation: slideRight 2s ease-in-out;

}