TranslateX funksiýasy
translateX funksiýasy elementi
X oky boýunça süýşürýär. Ol
transform hassa bilen bilelikde ulanylýar.
Hassanyň bahasy hökmünde islendik ölçeg birligi ulanylyp bilner. Pozitiw baha saga
süýşürýär, negatiw baha bolsa çepa.
Sintaksis
selektor {
transform: translateX(süýşüriş);
}
Mysal
Eger bloka syçan kursoryny getirsemiz - ol
saga 30px süýşer:
<div id="elem"></div>
#elem {
border: 1px solid black;
width: 100px;
height: 50px;
}
#elem:hover {
transform: translateX(30px);
}
:
Mysal
Eger bloka syçan kursoryny getirsemiz - ol
çepa 30px süýşer:
<div id="elem"></div>
#elem {
border: 1px solid black;
width: 100px;
height: 50px;
}
#elem:hover {
transform: translateX(-30px);
}
:
Şeýle-de görmeli
-
translatefunksiýasy,
X we Y oklary boýunça süýşürişi kesgitleýär -
translateYfunksiýasy,
Y oky boýunça süýşürişi kesgitleýär
