Основное отличие функций transform: scale и transform: scaleX в CSS заключается в направлении масштабирования элемента:

• transform: scale масштабирует элемент на плоскости, принимая в качестве параметров два числа: первое масштабирует элемент в горизонтальном направлении, а второе — по вертикали. 3
• transform: scaleX масштабирует элемент только по оси X, то есть делает его шире или уже. 12

Таким образом, transform: scale охватывает общее масштабирование элемента, а transform: scaleX — конкретное масштабирование по одной из осей.