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

Home > Blogger > Menghias > Link Hover Efek Opacity atau Transparan