Hover adalah efek ketika kita mengarahkan crusor ke dalam sebuah element, dan ketika kita hover akan muncul sebuah efek, Efeknya pun beragam-ragam, sesuai dengan yang sudah kita setting, jika teman-teman yang sudah pernah belajar HTML dan CSS pasti akan bertanya apa bedanya dengan hover biasanya, seperti judulnya disini saya akan mengajarkan bagaimana cara membuat efek hover yang cantik, seperti apa simak terus ya teman-teman.

Seperti judulnya cara membuat efek hover yang cantik yang akan kita share disini, berbeda ya dengan yang biasanya, dimana hover itu cantik itu seperti halnya teman-teman lihat sebuah blogspot jaman tahun 2000 kebawah dimana para blogger membuat ramai tampilan blognya seperti hovernya sendiri, mungkin sekarang masih ada juga.

Oke cara yang saya gunakan disini adalah dengan menggunakan plugin ya, jadi pertama teman-teman silahkan lihat disini dan silahkan download, https://www.jqueryscript.net/demo/water-ripple-effect/ jika sudah silahkan teman-teman atur seperti kode saya di bawah ini, hapus yang tidak perlu

kodenya tidak banyak seperti aslinya ya, karena saya disin menghapus yang tidak perlu, supaya rapih, dan sesuai kebutuhan, kenapa saya sarankan untuk downoad terlebih dahulu, karena jika teman-teman lihat di atas, kita menggunakan library offline, jadi walaupun teman-teman offline masih bisa menggunakannya, dan sekarang kita lihat hasilnya.

cara membuat efek hover yang cantik

warna kuning pada gambar tersebut adalah efek dari sebuah crusor yang saya gerakan, jika teman-teman penasaran silahkan coba sendiri ya, efeknya seperti air, keren bukan, oke saya rasa cukup sampai disini belajar kita tentang cara membuat efek hover yang cantik semoga bermanfaat dan sampai jumpa pada artikle berikutnya, dan jangan lupa lihat artikel yang lainya ya teman-teman terimakasih.