CSS3 Vertical menu with Descriptions

• Pulau
  Bali
  » Sebuah pulau kecil yang sangat Indah. Tempat wisata budaya terbaik di Indonesia. Masyarakat Bali berbeda dengan pada umumnya masyarakat di Indonesia .....
• Pulau
  Papua
  → Sebuah daerah yang kaya raya dengan sumber kekayaan alam tiada batas tetapi sangat kontradiktif dengan kondisi sosial masyarakatnya .....
• Pulau
  Kalimantan
  → Dari ribuan pulau yang menjadi bagian Negara Republik Indonesia, inilah pulau terbesar yang hingga saat ini ......

Menu vertival yang dilengkapi dengan deskripsi menu ini dibuat hanya menggunakan kode css dan css3. beberapa kode css3 yang digunakan antara lain border radius (effek rounded corners), css3 text shadow serta css3 transition. CSS3 transition bekerja sebagai kode utama pencipta effek, baik pada link menu maupun ketika deskripsi menu ditampilkan. Anda bisa merubah tempo/durasi bekerjanya effek pada menu dengan merubah nilai css3 transition.

Menggunakan vertival menu with descriptions sangat mudah karena semua kode, baik kode css maupun xHTML dapat disimpan bersama-sama melalui "Add a Gadget". Penggunaan tag span dalam link menu yang berfungsi menciptakan deskripsi menu juga membuat anda dapat melibatkan satu atau beberapa image di dalamnya. Hal ini akan sangat bermanfaat karena deskripsi bisa lebih diperjelas melalui visualisasi dalam bentuk image.

Tutorial :
Back to tutorial » Vertical menu w Descriptions