css字母旋转 |css 改变图片形状

.rotate{
transform: rotate(30deg);
}

上面这段代码就是用于设置字体旋转的CSS样式，其中transform属性可以对元素进行变换，rotate函数可以设置旋转角度，单位是deg（角度）。

比如大家把一个字母B进行顺时针旋转30度，那么就可以使用下面的代码：

span{
display: inline-block;
transform: rotate(30deg);
}

在HTML中使用span标签包裹住所需旋转的字母。由于span标签是行内元素，所以需要使用display属性将它转换为块级元素。

除了顺时针旋转，还可以通过设置角度为负数来实现逆时针旋转。而如果需要对字母进行垂直或水平翻转，则可以使用scale函数。

总之，利用CSS的变换属性可以轻松实现字母的旋转等炫酷特效，让网页设计更加生动有趣。