5 Library JavaScript Untuk Efek Hover Pada Gambar

Untuk mendesain halaman portfolio yang menarik, tentu kamu membutuhkan library Javascript untuk mendapatkan efek yang sesuai. Kali ini saya akan membagikan 5 plugin Javascript untuk memberikan efek hover pada gambar. Berikut adalah daftar pluginnya.

1. Image Hover Effects (16 effects) - http://miketricking.github.io/dist/

Plugin ini menyediakan koleksi 16 efek hover gambar. Cara pakainya mudah, tinggal download library file, kemudian copy kode HTML dan CSS pada setiap efek.

2. Image Caption Hover Animation (4 effects) - http://hasinhayder.github.io/ImageCaptionHoverAnimation/

Efek ini dibuat menggunakan transisi CSS3 dan tidak menggunakan JavaScript, sehingga meningkatkan kompatibilitas di browser.

3. iHover (35 effects) - http://gudh.github.io/ihover/dist/

iHover adalah koleksi efek hover menggunakan CSS3. Ada 20 efek lingkaran dan 15 efek persegi. Untuk menggunakannya, Anda hanya perlu menulis beberapa tag HTML dan menyertakan file CSS.

4. Image Hover (44 effects) - http://imagehover.io/

Library ini berisi 44 efek yang dibuat dengan CSS murni. Beberapa efek seperti fades, pushes, slides, hinges, reveals dan masih banyak lagi. Jika belum puas, masih ada versi berbayar dengan 216 efek.

5. Hover Effect Ideas (30 effects) - http://tympanus.net/Development/HoverEffectIdeas/

Plugin ini berisikan 30 efek dan dilengkapi dengan tutorial cara memakainya.