DevShelf

Appearance

scale ​

描述 ​

scale CSS 属性允许您独立于 transform 属性单独指定缩放变换。这可以更好地映射到典型的用户界面用法，并且无需记住在 transform 值中指定的转换函数的确切顺序。

效果展示 ​

语法 ​

css
/* Keyword values */
scale: none;

/* Single values */
/* values of more than 1 or 100% make the element grow */
scale: 2;
/* values of less than 1 or 100% make the element shrink */
scale: 50%;

/* Two values */
scale: 2 0.5;

/* Three values */
scale: 200% 50% 200%;

/* Global values */
scale: inherit;
scale: initial;
scale: revert;
scale: revert-layer;
scale: unset;

值 ​

  • Single value <number> 或 <percentage> 指定比例因子，使受影响的元素沿 X 轴和 Y 轴缩放相同的因子。相当于指定单个值的 scale() （2D 缩放）函数。
  • Two values 两个 <number> 或 <percentage> 值，分别指定 2D 比例的 X 轴和 Y 轴比例值。相当于指定了两个值的 scale() （2D 缩放）函数。
  • Three values 三个 <number> 或 <percentage> 值，分别指定 3D 缩放的 X、Y 和 Z 轴缩放值。相当于 scale3d() （3D 缩放）函数。
  • none 指定不应应用缩放。