CSS3的rotate属性可以用来对某个元素进行旋转操作。该属性可以用deg(角度)来定义旋转角度,其值可以为正数(顺时针旋转)或者负数(逆时针旋转)。
.rotate { transform: rotate(45deg); }
上述代码表示对class为rotate的元素进行45度的顺时针旋转。
此外,除了使用deg来定义旋转角度外,还可以使用rad(弧度)或者turn(转)来进行定义。其中1turn等于360度。
.rotate { transform: rotate(0.5turn); }
上述代码表示对class为rotate的元素进行半圈的旋转。
需要注意的是,rotate属性不仅仅可以用于2D图形(如矩形、正方形等),还可以用于3D图形,如立方体等。
.cube { transform: rotateY(45deg); }
上述代码表示对class为cube的立方体进行45度的Y轴旋转。
总之,rotate属性是CSS3中非常好用的一个属性,几乎可以实现所有要求旋转的需求。在设计一些有趣的网站或者APP时,使用rotate属性可以为界面增加一些别出心裁的元素。