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.

28 Agustus 2016

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Mini Bootcamp Backend Laravel 11 Bulan Mei 2024 di DUMET School
Webinar Selanjutnya Mei 2024

Minggu, 26 Mei 2024, 09.00-13.00 WIB

(4 Jam Membuat Backend di Laravel 11)

chat