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

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


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

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

translate(x,y)

এখানে, x হলো ট্রান্সলেটিং ভেক্টরের x-কোঅর্ডিনেটকে নির্দেশকারী একটি দৈর্ঘ্য।

y হলো ট্রান্সলেটিং ভেক্টরের ordinate-কে নির্দেশকারী একটি দৈর্ঘ্য।

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

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

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

  2. CSS দিয়ে ডকুমেন্টের রুট এলিমেন্ট স্টাইল করুন

  3. CSS দিয়ে id="tutorials" 지닌 এলিমেন্ট সিলেক্ট করুন

  4. CSS দিয়ে এলিমেন্টের আস্পেক্ট রেশিও (Aspect Ratio) বজায় রাখা