Animated Single Level dropdown menu for blogger (1)

Single level dropdown menu merupakan menu horizontal yang dilengkapi dengan animasi yang dibuat dengan css3 transition dan css3 transform. Sebuah single dropdown menu yang hanya dibuat dengan kode css (tanpa javascript). Anda bisa menlihat dan mencoba animasi yang tercipta dengan mengarahkan cursor di setiap link horizontal menu yang ada di atas posting.

Multilevel Dropdown menu model click-1

Hanya dengan kode css dan yang berbeda dari multilevel dropdown menu ini adalah penggunaan fungsi klik untuk mengaktifkan menu. Anak menu akan terlihat bukan melalui model hover, seperti yang sudah biasa kita buat dan lihat, namun dengan cara "klik" di menu "induknya". Metode klik ini sama sekali tanpa javascript. Tetap menggunakan kode css. CSS dan CSS3 menjadi kunci terbangunnya menu spesial ini.

Demo menu bisa anda lihat tepat di atas posting ini!

Multilevel dropdown horizontal menu for blogger-4

CSS Multilevel dropdownmenu dengan efek animasiyang dibuat melalui css3 transition. Menu dropdown multilevel ini menggunakan ukuran font sebesar 14px. Dengan dropdown menu ini anda dapat memuat puluhan menu hingga ratusan menu bergantung pada pengembangan penggunaan dan fungsi menu. Jika anda menghendaki bentuk menu yang lebih sempit, anda dapat menggunakan font dengan ukuran yang lebih kecil. Ketinggian menu juga dapat anda sesuaikan dengan merubah variable css yang berhubungan dengan tinggi menu.

Multilevel dropdown horizontal menu for blogger-3

Masih mengandalkan kode css tanpa satupun javascript, namun tetap menarik dan penuh pesona. Inilah css meultilevel dropdown menu yang mengandalkan permainan background gradien css3.
Warna hover menu dapat anda rubah dengan sedikit merubah warna background dan class yang digunakan. Anda bisa lihat pada kode berikut dan kode yang bertanda warna merah :

Multilevel dropdown horizontal menu for blogger-2

CSS multilevel dropdown menu dengan backgrund hover yang dengan mudah dapat dirubah. Anda tinggal merubah class dan menambah warna yang diinginkan maka sebuah background dengan warna berbeda pada hover setiap menu segera dapat terlihat.
Bentuk kode css yang harus dirubah :
.GRmultileveldd03agst12.lime li:hover > a {background-color:lime;}
Bentuk kode html yang harus disesuaikan:
<div class="GRmultileveldd03agst12 lime">

Multilevel dropdown horizontal menu for blogger-1

Sebuah dropdown menu css yang sangat cantik dilengkapi animasi melalui hover css3 transition. Dropdown mwnu horizontal ini terbilang sederhana dalam penggunaan kode css namun memberikan hasil yang cukup otimal dengan tampilan sangat menarik.

Demo dapat anda lihat di bawah header blog (di atas posting).