rotateY()
rotateY()
CSS 函数 定义了一种变换,它围绕 y 轴(垂直)旋转元素,而不进行变形。其结果为 <transform-function>
数据类型。
试试看
旋转轴通过一个原点,由 transform-origin
CSS 属性定义。
注意: rotateY(a)
等效于 rotate3d(0, 1, 0, a)
。
注意: 与 2D 平面中的旋转不同,3D 旋转的组合通常不可交换。换句话说,应用旋转的顺序会影响结果。
语法
rotateY()
创建的旋转量由 <angle>
指定。如果为正,则移动将顺时针方向;如果为负,则将逆时针方向。
css
rotateY(a)
Values
示例
HTML
html
<div>Normal</div>
<div class="rotated">Rotated</div>
CSS
css
div {
width: 80px;
height: 80px;
background-color: skyblue;
}
.rotated {
transform: rotateY(60deg);
background-color: pink;
}
Result
规范
Specification |
---|
CSS Transforms Module Level 2 # funcdef-rotatey |
浏览器兼容性
BCD 表格仅在浏览器中加载