translateX ශ්රිතය
translateX ශ්රිතය මූලද්රව්යය X අක්ෂය ඔස්සේ
මාරු කිරීම අර්ථ දක්වයි. ගුණය සමඟ එක්ව භාවිතා කරයි
transform.
ගුණයේ අගය ලෙස ඕනෑම ප්රමාණ ඒකක
සේවය කරයි. ධන අගයක් දකුණට මාරු කරයි,
ඍණ අගයක් - වමට.
වාග් රීතිය
තෝරන්නා {
transform: translateX(මාරුව);
}
නිදර්ශනය
මූසිකය බ්ලොක් එක මත ගෙන ගියහොත් - එය මාරු වේ
30px දකුණට:
<div id="elem"></div>
#elem {
border: 1px solid black;
width: 100px;
height: 50px;
}
#elem:hover {
transform: translateX(30px);
}
:
නිදර්ශනය
මූසිකය බ්ලොක් එක මත ගෙන ගියහොත් - එය මාරු වේ
30px වමට:
<div id="elem"></div>
#elem {
border: 1px solid black;
width: 100px;
height: 50px;
}
#elem:hover {
transform: translateX(-30px);
}
:
තවද බලන්න
-
translateශ්රිතය,
එය X සහ Y අක්ෂ ඔස්සේ මාරුව අර්ථ දක්වයි -
translateYශ්රිතය,
එය Y අක්ෂය ඔස්සේ මාරුව අර්ථ දක්වයි
