В чем разница между scaleX и scaleY в CSS

Разница между scaleX и scaleY в CSS заключается в том, что первая функция масштабирует элемент по ширине, а вторая — по высоте. html5book.ru www.w3schools.com

scaleX() делает элемент шире или уже по оси X (горизонтальной). html5book.ru www.acodetutorials.com Если значение больше единицы, элемент становится шире, если значение находится между единицей и нулём — уже. html5book.ru

scaleY() делает элемент выше или ниже по оси Y (вертикальной). html5book.ru www.acodetutorials.com Если значение больше единицы, элемент становится выше, если значение находится между единицей и нулём — ниже. html5book.ru

Таким образом, scaleX() работает с шириной элемента, а scaleY() — с его высотой.