ফাংশন 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 অক্ষ বরাবর সরণ নির্ধারণ করে
