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