scale¶

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

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

Демо¶

Синтаксис¶

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21

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

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

Комментарии