css 旋转代码
时间: 2023-07-03 08:18:23 浏览: 108
CSS中旋转代码可以使用transform属性来实现,具体实现方式如下:
1. 旋转指定角度
```
transform: rotate(45deg);
```
2. 旋转指定角度和指定中心点
```
transform: rotate(45deg) origin(50% 50%);
```
3. 按指定轴旋转
```
transform: rotateX(45deg); /*绕X轴旋转*/
transform: rotateY(45deg); /*绕Y轴旋转*/
transform: rotateZ(45deg); /*绕Z轴旋转*/
```
4. 旋转同时缩放
```
transform: rotate(45deg) scale(0.8);
```
5. 旋转同时平移
```
transform: rotate(45deg) translate(10px, 20px);
```
6. 旋转同时缩放和平移
```
transform: rotate(45deg) scale(0.8) translate(10px, 20px);
```
以上就是CSS中旋转的基本代码,需要注意的是,transform属性适用于IE9+和现代浏览器。
阅读全文