scale() - 缩放变换

语法说明

transform: scale(x, y);

• x - X 轴方向的缩放比例
• y - Y 轴方向的缩放比例（可选，默认等于 x）
• 1：保持原始大小
• > 1：放大
• < 1：缩小
• 负值：翻转并缩放

示例 1：等比例放大

scale(1.5) 将元素放大到原来的 1.5 倍

.box {
  transform: scale(1.5);
  /* 等价于 scale(1.5, 1.5) */
}

示例 2：非等比例缩放

scale(2, 0.5) 水平放大 2 倍，垂直缩小到 0.5 倍

.box {
  transform: scale(2, 0.5);
  /* X 轴放大 2 倍，Y 轴缩小到 0.5 倍 */
}

示例 3：缩小效果

scale(0.5) 将元素缩小到原来的一半

.box {
  transform: scale(0.5);
  /* 缩小到原来的 50% */
}