Kadang kita pernah meliahat website yang mempunyai tombol menu pas kita tekan tombol tersebut maka ada submenu yang menutupi semua layar dalam arti full screen, nah bagaimana cara membuatnya??.. Kali ini saya akan menshare bagaiman Cara Membuat Full Screen Navigation dengan CSS dan Javascript,  langsung saja kita praktekan teman teman.

Pertama tama kalian buka text editor kalian dan ketikan kode HTML dibawah ini dan beri nama dengan nama index.html dan simpan kode tersebut.

Index.html

Setelah tag penutup </span> ketikan kode javascript berikut dan simpan.

Lalu setelah itu kalian ketika kode CSS berikut dan simpan dengan nama style.css sejajar dengan file HTML yang di buat di atas.

style.css

Kalo sudah jadi klik tombol menu maka akan muncul Full Screen navigationnya.

Sekian tutorial Membuat Full Screen Navigation dengan CSS dan Javascript, semoga bermanfaa.. keep coding :D.