Link Hover Efek Opacity atau Transparan

Membuat link blog menjadi transparan ketika mouse anda berada diatas link tersebut (hover). Di tambahkan sedikit animasi dengan gaya lambat.







Demo

Sentuh link dimana saja.



Back To Menu


Kode

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

<script type='text/javascript'>
$(document).ready(function(){$("a").hover(function(){$(this).animate({opacity:"0.3"},1e3)},function(){$(this).animate({opacity:"1"},1e3)})})
</script>

*Kode berwarna merah adalah induk jQuery versi terbaru.



Back To Menu


Install

  1. Template >> Edit HTML >> Proceed

    Gambar Masuk Edit Template
  2. Tekan Ctrl+f untuk cari kode: </head>

  3. Masukkan kode diatas </head>

  4. Preview

  5. Save Template



Back To Menu


Artikel Terkait

Link Hover Efek Opacity atau Transparan
4/ 5
Oleh

Berlangganan

Suka dengan artikel di atas? Silakan berlangganan gratis via email