scale

Свойство scale позволяет задавать преобразования масштабирования индивидуально и независимо от свойства transform.

Это лучше соответствует типичному использованию пользовательского интерфейса и избавляет от необходимости запоминать точный порядок функций преобразования для указания в значении transform.

Демо

Трансформации

• backface-visibility
• perspective
• perspective-origin
• rotate
• scale
• transform
• transform-box
• transform-origin
• transform-style

Синтаксис

/* 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;

Значения

<Одно значение>

Параметр <number> или <percentage>, указывающий коэффициент масштабирования, чтобы затронутый элемент масштабировался с одинаковым коэффициентом по осям X и Y. Эквивалентно функции scale() (двумерное масштабирование) с одним указанным значением.

<Два значения>

Два значения <number> или <percentage>, которые определяют значения масштабирования по осям X и Y (соответственно) для 2D-масштаба. Эквивалентно функции scale() (двумерное масштабирование) с двумя указанными значениями.

<Три значения>

Три значения <number> или <percentage>, которые задают значения масштабирования по осям X, Y и Z (соответственно) 3D-масштаба. Эквивалент функции scale3d() (трехмерное масштабирование).

none

Указывает, что масштабирование не должно применяться.

Спецификация

• CSS Transforms Module Level 2

Поддержка браузерами

Комментарии