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
• Install

---

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

   

2. Tekan Ctrl+f untuk cari kode: </head>

3. Masukkan kode diatas </head>

   

4. Preview

5. Save Template

Back To Menu

---