Hai teman-teman, apa kabar nih ?? semoga baik-baik aja yah aminn ,  nah pada kesempatan kali ini saya akan berbagi artikel mengenai Cara Membuat Efek Tooltip Hover Menggunakan HTML dan CSS, disini saya mencoba berbagi efek animasi tooltip dengan teman-teman semua, lumayan lah buat referensi teman-teman hehehe 🙂

 

 

Oke pertama-tama kita akan membuat script HTMLnya terlebih dahulu :

html

nah jika teman-teman sudah membuat HTMLnya sekarang kita lanjut membuat Script CSSnya :

css css2 css3 css4 css5 css6 css7

jika sudah selesai coba sekarang teman-teman lihat hasilnya di browser pasti akan tampil seperti ini :

hasil

Nah jika mouse teman-teman di arahkan ke icon nya maka akan seperti ini :

hasil_hover

Oke mungkin untuk artikel hari ini di cukupkan , Selamat mencoba dan semoga sukses, sampai ketemu di artikel selanjutnya 🙂