transform:rotatey
时间: 2023-07-08 16:51:41 浏览: 174
`transform: rotateY()` 是 CSS3 中的一种变换,用于将元素绕其 Y 轴旋转。这个变换可以让元素在二维平面内看起来像是在进行 3D 变换。
`rotateY()` 函数接受一个角度值作为参数,用于指定元素绕 Y 轴旋转的角度。正值表示顺时针旋转,负值表示逆时针旋转。例如:
```css
transform: rotateY(45deg);
```
这样,元素将以其 Y 轴为中心点顺时针旋转 45 度。可以通过设置 `transform-origin` 属性来修改旋转中心点的位置。
需要注意的是,`rotateY()` 只能旋转元素的二维投影。如果要实现 3D 变换,需要结合其他变换函数如 `rotateX()`、`rotateZ()`、`translateZ()` 等一起使用。
阅读全文