Membuat Vertikal Menu Dengan CSS3

Pada Tutorial kali ini akan menjelaskan bagaimana membuat vertikal menu yang colorful serta elegant navigation menu menggunakan CSS3. Setelah diliris versi terbaru CSS3 memberikan banyak sekali gaya pembuatan menu, salah satunya yang akan dijelaskan pada tutorial kali ini.

Berikut tampilan singkat tampilan vertikal menu tersebut:

The Html

<ul class="nice-menu">

<li class="orange"><a href="">Home</a></li>

<li class="red"><a href="">About</a></li>

<li class="green"><a href="">Portfolio</a></li>

<li class="blue"><a href="">Blog</a></li>

<li class="bright"><a href="">Contact</a></li>

<li class="dark"><a href="">What not?</a></li>

</ul>

Kita bisa lihat beberapa script coding di atas sangat simple dimana beberapa menu memiliki clas warna sendiri.

Styling

Css3 memperkenalkan table propertis yang dapat di set sehingga mempermudah dalam hal mendesign. dalam table propertis tersebut sehingga memberikan solusi dalam membuat javascript dengan versi yang berbeda.

Untuk dapat di coba dan dapat di praktekan silangkan mendownload di bawah sini script coding secara lengkap

Kunjungi www.prowebpro.com untuk menambah wawasan anda.