SHOW MENU
  • Menu
    • Membuat Menu Navigasi Fixed Fly Out Dengan CSS3
    • CSS Flower Navigasi Efek Rotasi
    • Cara Membuat Diagram Menu Navigasi Bertingkat
    • 4 Model Desain Menu Navigasi Blogger
    • Tampilan Menu Navigasi Terbaru Dengan Bentuk Daun
    • × Menu Close

Floating Menu Dropdown Dengan Transisi - Sekian lama tidak membahas menu navigasi, iseng-iseng pertemuan kali ini admin SAHABAT BLOGGER 77 telah menyusun sebuah rangka elemen CSS untuk membuat Floating Menu Dropdown dengan efek transisi untuk menampilkan sub menu. Navigasi dengan style dropdown pada menu merupakan gaya tampilan untuk menampilkan sub-menu dengan efek tampil dari atas kebawah jika icon menu di KLIK. Namun untuk menu dropdown kali ini akan saya desain untuk ditampilkan dalam postingan, sehingga internal link yang sering Anda sisipkan pada tulisan posting akan termuat dengan rapi dalam bentuk floating menu.

Tidak seperti menu navigasi pada umumnya yang terletak setelah header-title. Teks home, daftar isi dan link label lainnya telah disembunyikan jauh diluar halaman, dan hanya icon logo menu yang tampil, sedangkan daftar menu akan ditampilkan dengan efek transisi jika icon tersebut di KLIK. Seperti Cara Mudah Membuat Menu Navigasi Pada Postingan di artikel sebelumnya adalah salah satu contoh untuk merapikan internal link yang selalu Anda sertakan saat membuat artikel terbaru. Semua elemen untuk membuat bentuk menu dropdown ini murni hanya dengan CSS, jadi muat halaman (loading blog) akan lebih ringan karena tidak menggunakan js (JavaScript).