css旋转90度
时间: 2023-07-23 12:04:28 浏览: 155
可以使用 CSS transform 属性中的 rotate() 函数来实现旋转效果。具体实现代码如下:
```css
.rotate-90 {
transform: rotate(90deg);
}
```
以上代码会将元素顺时针旋转 90 度。如果需要逆时针旋转,可以将角度值改为负值。另外,如果需要旋转某个元素的中心点,可以使用 transform-origin 属性来设置旋转中心点的位置。
相关问题
css3 图片旋转90度
您可以使用CSS3的transform属性来旋转图片。以下是将图片旋转90度的CSS代码:
```css
img {
transform: rotate(90deg);
}
```
您可以将“img”替换为您的图片选择器,并更改旋转角度来适应您的需求。
逆时针旋转90度css
要实现逆时针旋转90度的效果,可以使用CSS中的transform属性,具体实现方式如下:
```css
transform: rotate(-90deg);
```
其中,rotate函数中的参数指定旋转的角度,负数表示逆时针旋转。这样设置后,元素就会逆时针旋转90度。需要注意的是,旋转时元素的位置也会发生变化,可能需要使用其他CSS属性进行调整。
阅读全文