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

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

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

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

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