Cara Membuat Menu Animasi

Pada hari ini bayarsaja.blogspot.com akan menyajikan artikel tentang Cara Membuat Menu Animasi. Semoga dengan artikel Cara Membuat Menu Animasi akan menambah pengetahuan untuk anda pembaca setia bayarsaja.blogspot.com

Masih di Serbu Macam Cara share Cara Membuat Menu animasi cekidot

Silahkan sobat Copy Paste script  di bawah ini simpan di blog sobat

<style type="text/css">
.menuqu ul li{display: inline;}
.menuqu1 { padding: 2px 0.5em; text-decoration: none; float: left; color: black; background: #4FCF26; border: 2px solid #fff; list-style: none;
-webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out; -webkit-transform:rotate(-25deg);-moz-transform:rotate(-25deg);-o-transform:rotate(-25deg);
}
.menuqu2 { padding: 2px 0.5em; text-decoration: none; float: left; color: black; background: #BFDCFF; border: 2px solid #fff; list-style: none;
-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out; -webkit-transform:rotate(25deg);-moz-transform:rotate(25deg);-o-transform:rotate(25deg);
}
.menuqu1:hover, .menuqu2:hover{ background: #F0BFFF; color:#ccc;
-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg)
}
</style>

<div class="menuqu">
<ul>
<li class="menuqu1"><a href='http://seribu-macam-cara.blogspot.com//'>Home</a></li>
<li class="menuqu2"><a href='URL 1'>Menu1</a></li>
<li class="menuqu1"><a href='URL 2'>Menu2</a></li>
<li class="menuqu1"><a href='URL 3'>Menu3</a></li>
<li class="menuqu2"><a href='URL 4'>Menu4</a></li>
<li class="menuqu1"><a href='URL 5'>Menu5</a></li>
</ul>
</div>

Untuk penyimpanan kode script di atas dengan cara silahkan log in terlebih dahulu di blog sobat >> klik Rancangan >> klik ADD Gadget >> klik HTML/Javascript , kemudian paste script diatas , simpan dan lihat hasilnya semoga bermanfaat

Catatan : Silahkan sobat edit kembali kode script di atas sesuai Variasi menu yang sobat inginkan , untuk contoh hasil editan kode script di atas

Sumber: http://seribu-macam-cara.blogspot.com/2012/04/masih-di-serbu-macam-cara-share-cara.html

Dapatkan berita terupdate dan unik setiap saat hanya di bayarsaja.blogspot.com

Homepage|http://bayarsaja.blogspot.com