В чем разница между rotate и writing-mode в CSS при работе с вертикальным текстом?

Разница между rotate и writing-mode в CSS при работе с вертикальным текстом заключается в их функциях.

Rotate позволяет повернуть текст на произвольный угол. 4 Например, с помощью transform: rotate(90deg) можно повернуть блок текста на 90 градусов по часовой стрелке. 2 Если нужно повернуть текст в зеркальном направлении, используют transform: rotate(-90deg). 2

Writing-mode предназначен для указания направления текста при его размещении вертикально или горизонтально. 1 Свойство определяет, в каком направлении должен двигаться блок текста и как должен течь встроенный элемент внутри контейнера блока. 1 Writing-mode может принимать следующие значения: 3

• horizontal-tb — горизонтальный поток текста, строки расположены сверху вниз. 3 Это значение по умолчанию, если ничего не установлено. 2
• vertical-rl — направление потока текста вертикальное, строки расположены справа налево. 3 Первая строка текста находится с правой стороны, последняя — в левом положении. 3
• vertical-lr — направление потока текста вертикальное, строки расположены слева направо. 3 Первая строка текста находится с левой стороны, последняя — в правом положении. 3

Часто writing-mode и rotate используют вместе, чтобы сначала задать направление текста, а затем повернуть его в определённом направлении. 1