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); /* 橫向拉伸,然后斜著 */