Sweet Hover menu

Sedapnye...


Assalamualaikum, hari ni Yura nak buat menu hover cara baru.
 Cuba hover kan mouse anda ke menu tab? Haha bergayakan.Ok kalau anda berminat, boleh la cuba tuto Yura ni. Moga menjadi.


  • Copy semua code di bawah.
<style>
.menu-item {

position: relative;

display: inline-block;
height: 43px;
opacity: 0.3;
text-decoration: none;
/* Firefox */
-moz-transition: all 1s ease;
/* WebKit */
-webkit-transition: all 1s ease;
/* Opera */
-o-transition: all 1s ease;
/* Standard */
transition: all 1s ease;

}
.menu-item:hover {

opacity: 1;
/* Firefox */
-moz-transform: scale(2) rotate(30deg) translate(50px);
/* WebKit */
-webkit-transform: scale(1.2) rotate(30deg) translate(50px);
/* Opera */
-o-transform: scale(2) rotate(30deg) translate(50px);
/* Standard */
transform: scale(2) rotate(30deg) translate(50px);
z-index: 1000;

}
</style>
<a class="menu-item" href="LINK URL"><img src="GAMBAR MENU TAB" /></a>
<a class="menu-item" href="LINK URL"><img src="GAMBAR MENU TAB" /></a>
<a class="menu-item" href="LINK URL/"><img src="GAMBAR MENU TAB" /></a>
</div>

  • Pastekan di Dashboard > Layout > Add Gadget > HTML/Javascript
  • Sila masukkan link menu tab anda di LINK URL
  • Gambar menu tab boleh ganti dengan gambar menu tab anda sendiri. Tak tahu macam mana nak buat menu tab ? Tekan // sini //
  • Ok kalau jadi bagitau la. Nak tengok jugak! Hihi..
Arigatougozaimsu.

3 comments

  1. nice day :)
    Bermimpilah tentang apa yang ingin kamu impikan,
    pergilah ke tempat-tempat kamu inginkan,
    Jadilah seperti yang kamu inginkan,
    karena kamu hanya memiliki satu kehidupan
    dan satu kesempatan untuk melakukan hal-hal
    yang ingin kamu lakukan

    http://www.nolimitadventure.com/

    ReplyDelete
  2. Dah jadi lah kak. Thanks sudi share!

    ReplyDelete
    Replies
    1. wahh ye ke, alhamdulillah :) Sesame.

      Delete

Awak mehla komen? satu komen pun jadilah :')