css 倾斜

作者：洃铯哖輪发布日期:2026-04-12 浏览:85

/* 使用 transform: skew() 来倾斜元素 */
.skew-element {
  transform: skew(20deg); /* 水平倾斜 20 度 */
}

/* 如果需要分别设置水平和垂直方向的倾斜角度 */
.skew-both {
  transform: skew(20deg, 10deg); /* 水平倾斜 20 度，垂直倾斜 10 度 */
}

解释说明：

transform: skew()：用于对元素进行倾斜变形。
skew(20deg)：表示元素在水平方向上倾斜 20 度。
skew(20deg, 10deg)：第一个参数表示水平方向的倾斜角度，第二个参数表示垂直方向的倾斜角度。

上一篇：css动画keyframes

下一篇：react css