Home » » Cara Membuat Menu Animasi

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

Sobat baru saja membaca artikel yang berkategori Tutorial dengan judul Cara Membuat Menu Animasi. Jika sobat rasa artikel ini menarik silakan di share dengan meninggalkan URL https://bayarsaja.blogspot.com/2013/01/cara-membuat-menu-animasi.html. Terima kasih atas kunjungannya!

0 komentar:

Posting Komentar

Mohon berkomentar dengan baik dan sopan. Komentar bernada spam akan saya hapus