CSS translate() ফাংশন

পূর্ববর্তী পৃষ্ঠা CSS tan() ফাংশন
পরবর্তী পৃষ্ঠা CSS translateX() ফাংশন
একটি স্তর উপরে CSS ফাংশন রেফারেন্স ম্যানুয়েল

সংজ্ঞা ও ব্যবহার

CSS-র translate() ফাংশনটি এলিমেন্টটির অবস্থান পরিবর্তন করতে আপনাকে সহায়তা করে。

translate() ফাংশন transform প্রয়োগে ব্যবহার করা

উদাহরণ

এলিমেন্টটির অবস্থান পরিবর্তন করুন:

#myDiv1 {
  transform: translate(50px); /* এলিমেন্টটির x-অক্ষে 50px পরিক্রমা অবস্থান করে, y-অক্ষে 0px */
}
#myDiv2 {
  transform: translate(50px, 20px); /* এলিমেন্টটির x-অক্ষে 50px এবং y-অক্ষে 20px পরিক্রমা অবস্থান করে */
}
#myDiv3 {
  transform: translate(100px, 30px); /* এলিমেন্টটির x-অক্ষে 100px এবং y-অক্ষে 30px পরিক্রমা অবস্থান করে */
}

আপনার হাতে পরীক্ষা করুন

CSS সংজ্ঞা

translate(x, y)

মান	বর্ণনা
x	অপশনাল।যেমন কোনও সংখ্যা বা শতকরা হিসাবে বোঝা যায়, এলিমেন্টটির x-অক্ষের পরিক্রমা অবস্থানকে নির্দেশ করুক。
y	অপশনাল।যেমন কোনও সংখ্যা বা শতকরা হিসাবে বোঝা যায়, এলিমেন্টটির y-অক্ষের পরিক্রমা অবস্থানকে নির্দেশ করুক。 যদি বাদ দেওয়া হয়, তবে মান 0 হবে。

মান

বর্ণনা

অপশনাল।যেমন কোনও সংখ্যা বা শতকরা হিসাবে বোঝা যায়, এলিমেন্টটির x-অক্ষের পরিক্রমা অবস্থানকে নির্দেশ করুক。

অপশনাল।যেমন কোনও সংখ্যা বা শতকরা হিসাবে বোঝা যায়, এলিমেন্টটির y-অক্ষের পরিক্রমা অবস্থানকে নির্দেশ করুক。

যদি বাদ দেওয়া হয়, তবে মান 0 হবে。