css旋转90度
时间: 2023-07-23 15:04:28 浏览: 105
可以使用 CSS transform 属性中的 rotate() 函数来实现旋转效果。具体实现代码如下:
```css
.rotate-90 {
transform: rotate(90deg);
}
```
以上代码会将元素顺时针旋转 90 度。如果需要逆时针旋转,可以将角度值改为负值。另外,如果需要旋转某个元素的中心点,可以使用 transform-origin 属性来设置旋转中心点的位置。
相关问题
css3 图片旋转90度
您可以使用CSS3的transform属性来旋转图片。以下是将图片旋转90度的CSS代码:
```css
img {
transform: rotate(90deg);
}
```
您可以将“img”替换为您的图片选择器,并更改旋转角度来适应您的需求。
css background-image 旋转 90度
要将 CSS 的 background-image 旋转 90 度,可以使用 CSS transform 属性来实现。具体的代码如下:
``` css
.element {
background-image: url('your-image-url.jpg');
transform: rotate(90deg);
}
```
其中,`.element` 是你想要旋转背景图片的元素的选择器,`url('your-image-url.jpg')` 是背景图片的 URL 地址,`rotate(90deg)` 表示将元素顺时针旋转 90 度。你可以根据实际情况调整旋转的角度。