শিক্ষাক্রম সুপারিশ

CSS rotateZ() ফাংশন

বর্ণনা ও ব্যবহার rotateZ() CSS

rotateZ() ফাংশন একটি ইলেকট্রনিক্সকে z-অক্সোমক্রান্তে 3D ঘুর্ণন নির্দিষ্ট করে transform প্রতিভার ব্যবহারে

সূচনা:rotateZ(angle) সমতুল্য rotate(angle)。

ইনস্ট্যান্স

উদাহরণ 1

ব্যবহার করুন rotateZ() জি অক্সোমক্রান্তে বহুটি <div> ইলেকট্রনিক্স ঘুর্ণন:

#myDiv1 {
  transform: rotateZ(40deg);
}
#myDiv2 {
  transform: rotateZ(60deg);
}
#myDiv3 {
  transform: rotateZ(-45deg);
}

স্বয়ং প্রয়োগ করুন

উদাহরণ 2

ব্যবহার করুন rotateZ() জি অক্সোমক্রান্তে ছবি ঘুর্ণন:

#img1 {
  transform: rotateZ(40deg);
}
#img2 {
  transform: rotateZ(60deg);
}
#img3 {
  transform: rotateZ(-45deg);
}

স্বয়ং প্রয়োগ করুন

CSS সিনট্যাক্স

rotateZ(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 rotateY() ফাংশন