CSS rotateY() 函数

定义和用法

CSS rotateY() 函数定义了元素绕 y 轴（垂直方向）的 3D 旋转。

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

实例

例子 1

使用 rotateY() 绕 y 轴（垂直方向）旋转多个

元素：

#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

ပါဝင်သော စာမျက်နှာ

ပါးစားသင်္ချာစတုရန်း 3D ပြောင်းလဲ

参考：CSS စက်တင်ချက်-ပြောင်းလဲခြင်း လက်တွေ

参考：စီစဥ်အောက်တွင် rotate သုံးစွဲခ�င်း

参考：CSS rotate() 函数

参考：CSS rotate3d() 函数

参考：CSS စက်တင်ချက်-rotateX() ပြောင်းလဲခြင်း

参考：CSS စက်တင်ချက်-rotateZ() ပြောင်းလဲခ�င်း