কম্পিউটার টিউটোরিয়াল

CSS3-এ x-অক্ষ ব্যবহার করে এলিমেন্ট ট্রান্সফর্ম করা


translateX(x) মেথড ব্যবহার করে x-অক্ষ ব্যবহার করে এলিমেন্ট ট্রান্সফর্ম করুন।

সিনট্যাক্স দেখি:

translateX(x)

এখানে,

  • x: এটি ট্রান্সলেটিং ভেক্টরের abscissa-কে নির্দেশকারী একটি দৈর্ঘ্য।

একটি উদাহরণ দেখি:

div {
  width: 40px;
  height: 40px;
  background-color: black;
}
.trans {
  transform: translateX(20px);
  background-color: orange;
}

  1. CSS3-এ z-axis ব্যবহার করে এলিমেন্ট রোটেট ট্রান্সফর্ম করুন

  2. CSS3 দিয়ে ইমেজ কন্ট্রাস্ট সমজস্ত করা

  3. CSS3 ২D ট্রান্সফর্ম ফাংশন (Transform Functions) ব্যবহার

  4. CSS3 ৩D ট্রান্সফর্ম ফাংশন (3D Transform Functions) ব্যবহার