css3设置旋转角度 |利用css技术创建的个人博客

/* 使用rotate属性将一个元素旋转30度 */
transform: rotate(30deg);

上述代码将使一个元素按照顺时针方向旋转30度，其中“deg”表示角度单位。如果想要逆时针方向旋转，可以使用负数作为旋转的角度值。

/* 逆时针旋转20度 */
transform: rotate(-20deg);

除单纯的旋转外，CSS3还提供了一些其它的旋转变换方式，如倾斜（skew）、缩放（scale）等。这些变换方式的实现方式与旋转类似。

/* 倾斜45度 */
transform: skew(45deg);
/* 水平缩小50% */
transform: scale(0.5, 1);

倾斜和缩放的旋转中心默认为元素的中心点，如果需要自定义旋转中心，则可以使用transform-origin属性。

/* 以左上角为中心点，顺时针旋转30度 */
transform-origin: left top;
transform: rotate(30deg);

以上是CSS3旋转角度的相关代码和使用方法，通过学习和掌握这些技能，可以让网页设计更加丰富和个性化。