CSS中可以通过设置字体的transform
属性来实现字体倾斜的效果。
font-style: italic; transform: skewX(-15deg);
font-style: italic;
指定字体样式为斜体,能增强字体倾斜的视觉效果。
transform: skewX(-15deg);
表示将字体向X轴负方向倾斜15度,同样可以通过正数倾斜到X轴正方向。
如果skewX()
的值超过 90 度,文本会变得倒立,这可能不是你想要的效果。
transform: skewX(120deg);
其他使用示例:
transform: skewX(-5deg) skewY(10deg); /* 同时斜着 */ transform: scaleX(2) skewX(45deg); /* 横向拉伸,然后斜着 */