translateX funksiyası
translateX funksiyası elementi
X oxu üzrə sürüşdürür. transform
xüsusiyyəti ilə birlikdə istifadə olunur.
Dəyər olaraq istənilən ölçü vahidləri
istifadə edilə bilər. Müsbət qiymət sağa,
mənfi qiymət isə sola sürüşdürür.
Sintaksis
selektor {
transform: translateX(sürüşmə);
}
Nümunə
Əgər blokun üzərinə siçan gətirilsə - o,
30px sağa sürüşəcək:
<div id="elem"></div>
#elem {
border: 1px solid black;
width: 100px;
height: 50px;
}
#elem:hover {
transform: translateX(30px);
}
:
Nümunə
Əgər blokun üzərinə siçan gətirilsə - o,
30px sola sürüşəcək:
<div id="elem"></div>
#elem {
border: 1px solid black;
width: 100px;
height: 50px;
}
#elem:hover {
transform: translateX(-30px);
}
:
Həmçinin bax
-
translatefunksiyası,
X və Y oxları üzrə sürüşməni təyin edir -
translateYfunksiyası,
Y oxu üzrə sürüşməni təyin edir
