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

Question

[Vladislav]

Как сделать мобильное меню при открытии, чтобы был такой эффект будто блок меню толкает body вправо или влево в другом случае, может кто видел такие менюшки или делал, то есть некий эффект толкания body и выезда сбоку меню

Comments

[Василий Банников]

Дайте пример хотябы картинкой, а лучше ссылкой на то, что вы хотите

[Антон Литвиненко]

Василий Банников, думаю он хочет как тут на тостере

[Vladislav]

Антон Литвиненко, верно

Answer 1

[Vladislav]

Сам нашёл решение, как не странно, суть разделить блок меню и врапер всех секций и тогда с помощью translateX и left толкать врапер, то есть на практике мы его не толкаем, это некая визуализация толчка, просто задать меню класс с translateX 0%, а враперу всех секций left 90% к примеру и выезжающему меню задать ширину 90%

Comments

[Froggyweb]

Ты бог в описании решения :)

то некая визуализация толчка,

А вообще это в поиске звучит как Off-Canvas Menu

Answer 2

[IliaNeverov]

Как сделать выезжающее меню на сайте? https://www.mobila.name/post/53eb5a219dcff/ думаю это вам подойдет
так же погуглите как сделать выезжающее меню на сайте
также если вы хотите чтобы body толкал само меню добавьте и ему анимацию, я раньше такое делал, но потом забил на фронтенд и сайты в целом

Comments

[IliaNeverov]

надеюсь я правильно понял вопрос

[Vladislav]

IliaNeverov, не совсем, я уже нашёл решение на свой вопрос, но спасибо :)