css将文字旋转 |iframe 自适应高度 css

/*将文字顺时针旋转45度*/
.rotate{
transform: rotate(45deg);
}
/*将文字逆时针旋转30度*/
.rotate{
transform: rotate(-30deg);
}
/*将文字旋转180度*/
.rotate{
transform: rotate(180deg);
}

上述代码中，rotate()函数中的参数为旋转角度，可以是正值也可以是负值，单位为度（deg）。

除了使用rotate()函数进行文字旋转，还可以使用skew()函数来倾斜文字，示例如下：

/*将文字向右倾斜20度*/
.skew{
transform: skewX(20deg);
}
/*将文字向上倾斜10度*/
.skew{
transform: skewY(-10deg);
}
/*将文字向右上方倾斜30度*/
.skew{
transform: skew(30deg,-30deg);
}

与rotate()函数类似，skew()函数也可以接受一个或两个参数，分别表示水平倾斜角度和垂直倾斜角度。

需要注意的是，使用transform属性进行文字旋转或倾斜时，要将元素的显示类型设置为块级元素或内联块级元素，以便正确显示效果。