Jak wykonać takie menu

Question

Witam wszystkich serdecznie, mam krótkie pytanie jak wykonać takie menu jak jest na tej o to stronie https://spicyweb.com.au/ strasznie mi się podoba ten motyw zasłaniania wszystkiego i pokazania menu na całym ekranie.

Answer 1

https://devcorner.pl/wysuwane-boczne-menu/

Comments

To nie jest to samo, nie zobaczyłeś chyba tego linku. Menu zakrywa całą stronę, i wyświetla się centranie na środku ekranu.

---

Kwestia dostosowania.

Answer 2

Nie wiem czy takie fajne, skoro bez javascript nie działa, zresztą jak cała strona. 

Widzę, że dostałeś już jakąś odpowiedź, troszkę inną i nie jesteś zadowolony, bo nie jest identycznie. Przykro mi, ale raczej gotowego i identycznego rozwiązania nie dostaniesz. Polecam Ci szukać pod hasłem hamburger menu, spróbuj przeanalizować różne przykłady i spróbować napisać tak, żeby uzyskać efekt, który Cię zadowoli. 

Answer 3

Mozesz zrobic diva menu ktory bedzie zaslaniał całą strone ale domyślnie bedzie niewidoczny. No i jesli ktos klinie w ikonke menu to za pomoca js "pojawiasz" tego diva

Comments

A no i wgl wydaje mi sie ze mozna to zrobic bez js

---

Tylko po co?

Answer 4

Kolega spokojny myślał o offcanvas menu, które jest z lewej strony. Z prawej jest zwyczajny position: fixed; top: 0; right: 0; bottom: 0; left: 0; i tyle. pointer-events: none dopóki jest ukryte, żeby nie blokowało interakcji ze stroną. Pokazywanie w CSS (:target) lub w JS. Jeśli nie wiesz, jak coś jest wykonane, to odpalasz inspektor i sprawdzasz.