В чём разница между функциями transform: translateX и transform: translate?

Разница между функциями transform: translateX и transform: translate заключается в их назначении.

transform: translateX позволяет перемещать объекты по горизонтали, то есть по оси X. dzen.ru htmlbook.ru Положительное значение функции сдвигает элемент вправо, отрицательное — влево. htmlbook.ru Например, запись transform: translateX(200px) сдвинет элемент вправо на 200 пикселей. dzen.ru

transform: translate принимает два параметра и объединяет перемещение сразу по двум осям. dzen.ru Второе значение функции определяет смещение по оси Y, но оно необязательно. dzen.ru Если его не указать, то значение перемещения по Y будет считаться равным 0, и функция будет работать аналогично translateX. dzen.ru

Таким образом, translate позволяет перемещать объект одновременно по двум направлениям, а translateX — только по одному.