MASIGNALPHAS2101
6241506638334725908

Cara Memberi Efek Pada Gambar Ketika Tersentuh Oleh Kursor

Cara Memberi Efek Pada Gambar Ketika Tersentuh Oleh Kursor
Add Comments
10/12/2014
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
Moch Adnan

Seorang Blogger biasa yang hanya sekedar ingin berbagi. Menulis dan mengutak-atik HTML

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

    ReplyDelete