Pełnoekranowe menu przysłania content, problem z-index

Question

Hey.
Próbuję zastosować full screen menu na mojej stronie - wizytówce.
Ze względu na z-index menu "przysłania" content powodując, że buttony są nieklikalne a tekstu nie można zaznaczyć.

Link do Codepen: https://codepen.io/anon/pen/bxVzqZ

Chce żeby menu przysłaniało całą stronę dopiero po kliknięciu na button w prawym górnym rogu.
W innym wypadku wszystko powinno śmigać (zaznaczanie tekstu, przyciski itp.)
Jeśli dam wyższy z-index na przyciski i tekst, to moje menu tego nie przysłoni.
Jak to naprawić?

Comments

Do zamknięcia.
Update:
https://codepen.io/anon/pen/dqYBOw

---

Pierwsza koncepcja była ciekawsza :)

---

Jeśli masz pomysł, jak naprawić koncepcję nr.1 to chętnie skorzystam :)

Answer 1

proszę bardzo

Ale moim zdaniem jeszcze trzeba poprawić znikanie listy menu, powinno chować się przed rozsunięciem"kurtyny"

lub opcja z keyframes