rotateX()

规定围绕X轴旋转。

 

语法

rotateX(angle)

描述
angle <angle>代表旋转的角度。一个正数的角度表示顺时针旋转,负数的角度表示逆时针旋转。

例子

HTML

<div class="stage">transform:rotateX(60deg)</div>

CSS

.stage{
  width:350px;
  height:50px;
  background:red;
  font-size:20px;
  color:#fff;
  transform:rotateX(60deg);//沿着 X 轴的3D旋转60度。
}

执行结果

transform:rotateX(60deg)

参考

相关页面