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