skewY() - Y轴倾斜

语法说明

transform: skewY(angle);

• angle - Y 轴倾斜角度
• 正值：左侧向上偏移，右侧向下偏移
• 负值：左侧向下偏移，右侧向上偏移
• 等价于 skew(0, angle)

示例 1：正值倾斜

skewY(20deg) 左侧向上，右侧向下

.box {
  transform: skewY(20deg);
  /* 左侧向上，右侧向下 */
}

示例 2：负值倾斜

skewY(-20deg) 左侧向下，右侧向上

.box {
  transform: skewY(-20deg);
  /* 左侧向下，右侧向上 */
}

示例 3：大角度倾斜

skewY(30deg) 左侧向上，右侧向下，倾斜更明显

.box {
  transform: skewY(30deg);
}