CSS rotateX() 函数

定义和用法

CSS rotateX() 函数定义了元素绕 x 轴（水平方向）的 3D 旋转。

rotateX() 函数在 transform 属性中使用。

实例

例子 1

使用 rotateX() 绕 x 轴（水平方向）旋转多个

元素：

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

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

例子 2

使用 rotateX() 绕 x 轴（水平方向）旋转图像：

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

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

CSS গ্রামার

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

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

  • deg (ডিগ্রি)
  • rad (আঙ্গুল)
  • turn (বৃত্ত)

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

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

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

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

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

সংক্রান্ত পাতা

শিক্ষাক্রম:CSS 3D Transform

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

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

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

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

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

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