Kali ini saya akan memberi trik cara membuat efek transparan (opacity) pada gambar. Efek ini akan nampak apabila cursor sobat berada diatas gambar. Misalnya gambar akan berubah cerah saat cursor diatasnya atau sebaliknya meredup saat cursor tidak berada diatas gambar.
Jika sobat ingin menampilkan gambar dengan sedikit sentuhan animasi maka trik ini dapat sobat terapkan di blog. Untuk itu ikuti langkah berikut ini untuk cara membuatnya.
1. Login ke blogger
2. Buatlah posting pada blog sobat
3. Masukkan kode berikut ini pada tab Edit HTML di posting.
<img src="Masukkan URL Gambar Anda Disini" style="opacity:0.2;filter:alpha(opacity=40)"onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" />4. Masukkan url gambar pada tulisan berwarna merah!!
5. Terbitkan posting sobat dan lihat hasilnya
Selamat mencoba....!!!
0 komentar:
Posting Komentar