CSS 2D Transform – Translate

Translate atau move, fungsi yang berguna memindahkan posisi element.

Untuk menggunakan fungsi translate

//translateXY
transform: translate(valueX, valueY);

//translateX
transform: translateX(valuex);

//translateY
transform: translateY(valueY);

• Fungsi translate akan bergerak secara diagonal.
• Fungsi translateX bergerak horizontal, nilai positif bergerak ke kanan, negatif bergerak ke kiri.
• Fungsi translateY bergerak vertikal, nilai positif bergerak ke bawah, negatif bergerak ke atas.

See the Pen CSS Transform Translate by SkillPlus (@SkillPlus) on CodePen.