Fungsi translateX
Fungsi translateX menentukan anjakan elemen
pada paksi X. Digunakan bersama dengan sifat
transform.
Nilai sifat adalah sebarang unit
untuk saiz. Nilai positif mengalih
ke kanan, nilai negatif - ke kiri.
Sintaks
selector {
transform: translateX(anjakan);
}
Contoh
Jika tetikus dihalakan ke atas blok - ia akan dialihkan
30px ke kanan:
<div id="elem"></div>
#elem {
border: 1px solid black;
width: 100px;
height: 50px;
}
#elem:hover {
transform: translateX(30px);
}
:
Contoh
Jika tetikus dihalakan ke atas blok - ia akan dialihkan
30px ke kiri:
<div id="elem"></div>
#elem {
border: 1px solid black;
width: 100px;
height: 50px;
}
#elem:hover {
transform: translateX(-30px);
}
:
Lihat juga
-
fungsi
translate,
yang menentukan anjakan pada paksi X dan Y -
fungsi
translateY,
yang menentukan anjakan pada paksi Y
