使用CSS中的 transform
属性可以旋转元素。其中,关键字 rotate
可以用于指定旋转的角度。例如,将元素顺时针旋转45度可以使用下面的CSS代码:
.rotate {
transform: rotate(45deg);
}
其中,rotate
后面的数值可以是正数或负数,单位为 deg
表示度数。除了 rotate
之外,还有其它一些值可以用于 transform
属性,如 translate
、scale
、skew
等等。同时,transform
属性也支持同时使用多个值,可以用空格分隔。例如,下面的代码将元素旋转45度并放大1.5倍:
.rotate {
transform: rotate(45deg) scale(1.5);
}
需要注意的是,使用 transform
属性旋转元素并不会改变元素的位置,只会改变元素的外观。如果需要改变元素的位置,可以结合使用 position
和 left
、right
、top
、bottom
等属性。