В чем разница между CSS rotate и translate для трансформации элементов?

Разница между CSS-функциями rotate и translate для трансформации элементов заключается в их назначении:

• Rotate используется для поворота элемента вокруг его центра на заданный угол. htmlacademy.ru javarush.com Отрицательные значения от -1deg до -360deg поворачивают элемент против часовой стрелки, положительные — по часовой стрелке. html5book.ru
• Translate применяется для перемещения элемента по оси X и/или Y относительно его обычного положения. html5book.ru javarush.com Если нужно сдвинуть элемент влево или вверх, то нужно использовать отрицательные значения. html5book.ru

Таким образом, rotate отвечает за вращение элемента, а translate — за его перемещение.