generated at
translate()

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






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

css
.element { transform: translate(50px, 100px); }
.element 要素は右に50px、下に100px移動する


アニメーションで使う例
css
@keyframes slideRight { from { transform: translateX(0); } to { transform: translateX(100px); } } .element { animation: slideRight 2s ease-in-out; }
.element 要素が2秒かけて右に100px移動する