Image Hover Sederhana dengan jQuery

Hover adalah efek atau perubahan yang terjadi apabila kursor kita mengarah pada suatu object. Pada kesempatan kali ini saya akan memberikan cara bagaimana memberikan efek hover pada gambar yang dimana ketika tersentuh kursor, gambar tersebut menghilang dengan efek slide.
dengan memberikan efek hover ini tentunya akan membuat tampilan website jadi terlihat lebih menarik. Langsung aja langkah pertama buat sebuah kotak dan didalamnya terdapat gambar

berikan style pada file HTML sebagai berikut

Dengan begitu kita hanya perlu menuliskan JQuery dengan fungsi hover dan mengambil data dari ukuran lebar pada css diatas.

Dikarenakan efek hover dibuat menggunakan jQuery, maka jangan lupa untuk memasukkan library jQuery pada file htmlnya serta tuliskan perintah berikut pada file index.php :

dan akan terlihat hasilnya di browser sebagai berikut

Sekalian dulu artikel kali ini. Terima kasih