কোর্স সুপারিশ

CSS rotateY() ফাংশন

সংজ্ঞা ও ব্যবহার rotateY() CSS

rotateY() ফাংশন এলিমেন্টকে y-অক্ষের ওপর 3D ঘুর্ণন করে নির্দিষ্ট করে transform প্রয়োগের মধ্যে

প্রকল্প

উদাহরণ 1

ব্যবহার করুন rotateY() একক অক্ষের ওপর বহুবচ্ছেদিক ডিভ এলিমেন্টকে ঘুর্ণন করুন:

#myDiv1 {
  transform: rotateY(40deg);
}
#myDiv2 {
  transform: rotateY(60deg);
}
#myDiv3 {
  transform: rotateY(80deg);
}

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন

উদাহরণ 2

ব্যবহার করুন rotateY() এক্সকলমিকেশন করে y-অক্ষের ওপর চিত্রকে ঘুর্ণন করুন:

#img1 {
  transform: rotateY(40deg);
}
#img2 {
  transform: rotateY(60deg);
}
#img3 {
  transform: rotateY(80deg);
}

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন

CSS সিন্থ্যাক্স

rotateY(angle)
মূল্য বর্ণনা
angle

অপরিহার্য।ঘুর্ণন কোণ নির্দিষ্ট করুন।সম্ভাব্য ইউনিট:

  • deg（ডিগ্রি）
  • rad（আংশিক ঘুর্ণন）
  • turn（ঘুর্ণন）

প্রযুক্তিগত বিবরণ

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

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

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

চ্রোম এজ ফায়ারফক্স স্যাফারি অপেরা
12 12 10 4 15

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

ট্যুটোরিয়াল：CSS 3D ট্রান্সফর্ম

উল্লেখ:CSS transform অপারেশন

উল্লেখ:CSS rotate অপার্টি

উল্লেখ:CSS rotate() ফাংশন

উল্লেখ:CSS rotate3d() ফাংশন

উল্লেখ:CSS rotateX() ফাংশন

উল্লেখ:CSS rotateZ() ফাংশন