ফাংশন translateX

ফাংশন translateX এলিমেন্টটিকে X অক্ষ বরাবর সরণ করে। এটি transform বৈশিষ্ট্যের সাথে ব্যবহার করা হয়। এর মান হিসেবে যেকোনো আকারের একক ব্যবহার করা যায়। ধনাত্মক মান ডানদিকে সরণ করে, ঋণাত্মক মান - বামদিকে।

সিনট্যাক্স

cssসিলেক্টর {
  transform: translateX(সরণ);
}

উদাহরণ

ব্লকটির উপর মাউস নিয়ে গেলে এটি ডানদিকে 30px সরে যাবে:

html<div id="elem"></div>

css#elem {
  border: 1px solid black;
  width: 100px;
  height: 50px;
}
#elem:hover {
  transform: translateX(30px);
}

Результат:

উদাহরণ

ব্লকটির উপর মাউস নিয়ে গেলে এটি বামদিকে 30px সরে যাবে:

html<div id="elem"></div>

css#elem {
  border: 1px solid black;
  width: 100px;
  height: 50px;
}
#elem:hover {
  transform: translateX(-30px);
}

Результат:

আরও দেখুন