Чем отличаются функции translateX() и translate3d() в CSS-трансформациях?

Основное отличие функций translateX() и translate3d() в CSS-трансформациях заключается в том, что первая работает с одной осью, а вторая — с тремя. 15

translateX() сдвигает элемент по горизонтали на указанное значение. 2 Положительное значение сдвигает вправо, отрицательное — влево. 2

translate3d() позволяет переместить элемент в трёхмерном пространстве по вектору [tx, ty, tz], где tx — смещение вдоль оси х, ty — смещение вдоль оси у, а tz — смещение вдоль оси z. 1 Значение tz должно указываться в единицах длины и не может задаваться в процентах. 1