行内文本旋转
Inline text rotation
我想要斜体文本，但我希望能够进行旋转。我知道对于纯斜体文本，我可以做 <i></i> 或 font-style: italic，但是如果我想将文本旋转自定义的度数怎么办。有办法吗？
简单 transform: rotate(5deg) 将不起作用，因为它不会像斜体那样旋转内联文本。有没有办法做到这一点，如果可以，您建议我如何去做？
有多种方法可以做到这一点，但我认为 CSS skew() 转换 属性 将是获得所需内容的最佳方法。
skew() 将接受两个属性 (skew(ax, ay)) 用于在 x 轴和 y 轴上扭曲元素，但在您当前的特定情况下传递第一个参数就足够了。
所以你的最终代码应该是这样的：
.skew {
transform: skew(15deg);
}
<div class="skew">hi there</div>
我想要斜体文本，但我希望能够进行旋转。我知道对于纯斜体文本，我可以做 <i></i> 或 font-style: italic，但是如果我想将文本旋转自定义的度数怎么办。有办法吗？
简单 transform: rotate(5deg) 将不起作用，因为它不会像斜体那样旋转内联文本。有没有办法做到这一点，如果可以，您建议我如何去做？
有多种方法可以做到这一点，但我认为 CSS skew() 转换 属性 将是获得所需内容的最佳方法。
skew() 将接受两个属性 (skew(ax, ay)) 用于在 x 轴和 y 轴上扭曲元素，但在您当前的特定情况下传递第一个参数就足够了。
所以你的最终代码应该是这样的：
.skew {
transform: skew(15deg);
}
<div class="skew">hi there</div>