使用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 等属性。