Рекомендации по курсу:

Функция scale() CSS

Определение и использование CSS scale() Функция defines the scaling values of the element in the x and y directions.

scale() Функция используется для масштабирования элементов (ширины и высоты).

scale() Функция определяет значения масштабирования элемента по осям x и y. transform Используется в свойстве.

Пример

Пример 1

Использование scale() Масштабирование нескольких элементов <div>:

#myDiv1 {
  transform: scale(0.7);
}
#myDiv2 {
  transform: scale(110%);
}
#myDiv3 {
  transform: scale(1.1, 0.5);
}

Попробуйте сами

Пример 2

Использование scale() Масштабирование изображений:

#img1 {
  transform: scale(0.7);
}
#img2 {
  transform: scale(110%);
}
#img3 {
  transform: scale(1.1, 0.5);
}

Попробуйте сами

Синтаксис CSS

scale(sx, sy)
Значение Описание
sx Обязателен. Число или процент. Определяет вектор масштабирования ширины.
sy

Опционально. Число или процент. Определяет вектор масштабирования высоты.

Если опущен, значение устанавливается таким же, как у sx.

Технические детали

Версия: Модуль преобразований CSS уровня 1

Поддержка браузеров

Числа в таблице показывают версию первого браузера, который полностью поддерживает эту функцию.

Chrome Edge Firefox Safari Opera
1 12 3.5 3.1 10.5

Соответствующие страницы

Учебное пособие:2D-трансформации в CSS

См. также:Свойство transform в CSS

См. также:Свойство CSS scale

См. также:Функция scale3d() в CSS

См. также:Функция scaleX() в CSS

См. также:Функция scaleY() в CSS