CSS translateY() ফাংশন

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

CSS-র translateY() ফাংশনটি এলিমেন্টকে y-অক্ষে (ভিক্ট্রিকল) পুনর্স্থাপনা করতে আপনাকে দেয়া হয়。

translateY() ফাংশন transform বৈশিষ্ট্যের ব্যবহার

উদাহরণ

ভিক্ট্রিকল দিকে বিভিন্ন <div> এলিমেন্টকে পুনর্স্থাপনা করা

#myDiv1 {
  transform: translateY(30px); /* এলিমেন্টকে y-অক্ষে 30px সরানো */
}
#myDiv2 {
  transform: translateY(50px); /* এলিমেন্টকে y-অক্ষে 50px সরানো */
}
#myDiv3 {
  transform: translateY(-10px); /* এলিমেন্টকে y-অক্ষে -10px সরানো */
}

আপনারই প্রয়াস করুন

CSS সংজ্ঞায়ন

translateY(y)
মূল্য বর্ণনা
y অপরিহার্য।যেমন নম্বর বা সুসংখ্যায়িতকরণ, এলিমেন্টকে y-অক্ষে সরানোর দূরত্ব নির্দেশ করে。

তকনীকী বিস্তার

সংস্করণ: CSS Transforms Module Level 1

ব্রাউজার সমর্থন

টেবিলের সংখ্যা প্রথম এই ফাংশনটি সম্পূর্ণরূপে সমর্থনকারী ব্রাউজারের সংস্করণকে নির্দেশ করে。

চ্রোম এজ ফায়ারফক্স স্যাফারি অপেরা
1 12 3.5 3.1 10.5

সংশ্লিষ্ট পাতা

শিক্ষাক্রম:CSS 2D Transforms

সূত্র:CSS transform এক্সপ্রেস

সূত্র:CSS translate() ফাংশন

সূত্র:CSS translateX() ফাংশন

সূত্র:HTML DOM transform এক্সপ্রেস