Halo teman-temanb Dumenity sekalian! Bertemu lagi di blog dumenity. Kali ini kita akan membahas tentang bagaimana cara membuat efek hover yang halus.

Sebenarnya efek hover sudah disediakan di CSS namun adakalanya kita memerlukan kecepatan hovernya agar lebih lembut sehingga lebih enak dipandang. Penasaran? Oke baca terus ya tutorialnya.

Caranya sangat mudah untuk membuat efek hover yang lembut. Pada intinya cukup tambahkan durasi eksekusi hover. Untuk lebih jelaskan silahkan simpan srcipt di bawah ini dengan nama “hoverlembut.html”.

 

Jika sudah disimpan, lihat hasilnya dengan cara meletakkan panah mouse pointer diatas masing-masing kotak. Apabila masih dirasa kurang lambat transisinya maka tinggal menambahkan nilai transition-duration menjadi lebih besar lagi.

Semoga bermanfaat .

WhatsApp chat