在CSS中,旋转可以使用transform
属性进行实现。transform
属性的语法如下:
transform: (transform-function) (transform-function)...
其中,(transform-function)
是指一个具体的变换类型。对于旋转来说,我们可以使用rotate()
函数进行实现,该函数的语法如下:
rotate((angle));
其中,(angle)
指旋转的角度,可以是正数或负数,正数表示顺时针旋转,负数表示逆时针旋转。
假设要实现一个顺时针旋转45度的效果,可以使用以下代码:
div {
transform: rotate(45deg);
}
除了rotate()
函数之外,transform
属性还支持其他几种变换类型,如平移、缩放和倾斜等,它们都使用不同的函数进行表示。