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

Функция CSS scaleY()

Определение и использование scaleY() Функция CSS

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

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

Пример

Пример 1

Использование scaleY() Изменение высоты нескольких элементов <div>:

#myDiv1 {
  transform: scaleY(0.5);
}
#myDiv2 {
  transform: scaleY(70%);
}
#myDiv3 {
  transform: scaleY(1.1);
}

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

Пример 2

Использование scaleY() Изменение высоты изображения:

#img1 {
  transform: scaleY(0.5);
}
#img2 {
  transform: scaleY(70%);
}
#img3 {
  transform: scaleY(-0.5);
}
#img4 {
  transform: scaleY(1.1);
}

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

Синтаксис CSS

scaleY(s)

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

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

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

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

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

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

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

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

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

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