在CSS中,使用transform屬性的rotate()函數可以將元素旋轉指定的角度。下面是一個簡單的示例:
.rotate { transform: rotate(45deg); }
在上面的示例中,rotate()函數將元素旋轉了45度。函數的參數可以是正的或者負的角度值。
如果希望元素以中心點旋轉,可以使用translate()函數將元素移動到中心點。下面是一個示例:
.center-rotate { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg); }
在上面的示例中,translate(-50%, -50%)函數將元素移動到了以父元素為參照物的中心點,然后再旋轉了45度。
除了rotate()和translate(),還有其他的函數可以與transform屬性一起使用,例如scale()、skew()等函數。通過這些函數的組合,可以實現更加復雜的效果。