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

Question

[Jedi]

Здравствуйте! Да, я знаю, это слишком просто в реализации, но! Я хочу увидеть как это делают другие люди которые по-опытнее меня.

Так вот, что это за меню ... войдите на сайт https://www.hardgraft.com/, вы там с боку, с лева, увидите меню. При нажатии все выползает на ружу. Очень клевое меню! Как реализовать спомощью css animation и javascript click event ? Можно и jQuery использовать.

А как вообще это меню называется ? Как правильно гуглить ?

Всех с наступающим новым годом!! :)

Comments

[Дмитрий]

Тут всё есть.

[Exploding]

А сайт мало того, что говёный, так еще и таймаут ответа приблизительно как у меня.

Answer 1

[Максим Осадчий]

У .nav прописан стиль transform: translateX(-12.125rem); а при клике на меню становится transform: translateX(0);
Можешь просто копипастнуть стили и навесить клик событие на кнопку