12.10.14

Cara Memberi Efek Pada Gambar Ketika Tersentuh Oleh Kursor

Tutorial kali ini lebih kepada cara memberi variasi pada tampilan gambar yang akan tersimpan dalam halaman web, sehingga menghasilkan bentuk atau sentuhan lain dan memberi perbedaan dari tampilan gambar seperti biasanya. Misalnya, hasil gambar yang telah terupload biasanya jika terkena kursor, maka gambar hanya mendiam saja, berbeda dengan cara yang akan coba saya tuliskan disini, gambar akan mengeluarkan efek warna lain ketika terkena kursor.

Sebagai demo anda bisa mengarahkan kursor komputer anda kearah gambar dibawah ini.



Cara ini lebih sering atau biasa disebut oleh para blogger dengan sebutan: cara merubah tampilan gambar ketika tersentuh kursor. Yang mana cara pembuatannya hanya cukup memadukan 2 buah gambar kedalam 1 kode html.Seperti apa kodenya? Langsung saja ya, silahkan Anda copy kode dibawah ini.

<img src="http://2.bp.blogspot.com/-KmmQmnUL9E0/VDlvx8ZGwsI/AAAAAAAABVU/wyhuc17On9U/s1600/call%2Bme%2Byes.png" onmouseout="this.src='http://2.bp.blogspot.com/-KmmQmnUL9E0/VDlvx8ZGwsI/AAAAAAAABVU/wyhuc17On9U/s1600/call%2Bme%2Byes.png';" onmouseover="this.src='http://2.bp.blogspot.com/-saRElRBBF-Q/VDlgq14_eaI/AAAAAAAABVA/qldobmFG4eU/s1600/call%2Bme.jpg';" />
Catatan: Ganti masing-masing Url gambar dengan kepunyaan anda. Selamat berkreasi

→ About the author

Moch Adnan adalah Admin Blog yang mempunyai ketertarikan dengan Dunia Blogging,kamu bisa Menemukan saya dan memfollow saya di Google + Twitter Facebook


Terima Kasih Telah Membaca Artikel Cara Memberi Efek Pada Gambar Ketika Tersentuh Oleh Kursor . Jika Anda tertarik dengan artikel seperti ini, silahkan untuk berlangganan artikel Gratis dengan cara mengetikkan alamat e-mail anda pada kotak berlangganan berikut:
Subscribe via Email

1 komentar:

ini dia yang ane cari, mkasih gan udah share artikel ini

Silahkan tinggalkan komentarnya
Mohon untuk tidak memasukkan link hidup dalam berkomentar