Верстка Вертикального меню с поворотом текста на 90 градусов как реализовать?

Question

[Сергей Васенин]

Как можно реализовать данное меню может есть сылки на данный пример

Answer 1

[Рома Зварич]

1) Для родительского блока меню устанавливаете вертикальный режим написания через свойство writing-mode: vertical-lr;, чтобы каждый последующий элемент появлялся под текущим.
2) Разворачиваете блок на 180 градусов, чтобы последовательность дочерних элементов шла снизу вверх.

В итоге у Вас получается гармоничный блок с нужной последовательностью элементов, идущих снизу вверх и с развернутым текстом.

Результат:
https://codepen.io/hisbvdis/pen/zYOLEwO

Comments

[Сергей Васенин]

спасибо огромное)