Разница между функциями rotate и rotate3d в CSS заключается в том, что rotate поворачивает элемент в двухмерном направлении, а rotate3d — в трёхмерном. 12

rotate поворачивает элемент на заданный угол относительно точки трансформации, задаваемой свойством transform-origin. 2 Положительное значение поворачивает элемент по часовой стрелке, отрицательное — против. 2

rotate3d поворачивает элемент в трёхмерном пространстве без искажений. 2 Вращающийся элемент имеет три степени свободы — оси X, Y и Z, относительно которых происходит поворот. 2 Они задаются с помощью вектора [x, y, z] с учётом точки вращения. 2

Таким образом, rotate работает в двумерном пространстве, а rotate3d — в трёхмерном. 15