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

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

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

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

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

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