Как сделать вертикальное меню?

Question

[Илья]

Как сделать такое меню?

Получается ерунда

Comments

[Rustam Bainazarov]

Потому что вот:
Как выровнять вертикальный текст внутри блока?

Там последний вариант, если только на CSS.

Answer 1

[profesor08]

Делается таким образом. Ширина выставляется высоте окна (100vh), смещается точки трансформации в левый верхних или нижний угол, поворачивается на 90 градусов. Останется развернуть пункты меню так как хочется, либо как-то отсортировать. И надо помнить что у нас смещены оси.

Answer 2

[ElebrUS]

https://codepen.io/elebrus/pen/QWLXJEe

Answer 3

[Дмитрий]

.menu-main__item {
    display: block;
    background-color: green;
    transform: rotate(-90deg);
    padding:20px;
    transform-origin:center;
}

https://developer.mozilla.org/en-US/docs/Web/CSS/t...