Hai teman-teman, apa kabar nih ?? semoga baik-baik aja yah aminn ,  nah kan pada kesempatan sebelumnya kita sudah membuat efek tooltip hover yah , kali ini saya akan berbagi artikel mengenai efek tooltip juga namun kali ini efek yang saya buat ketika di hover berbentuk bulat,  lumayan lah engga kalah menariknya juga kaya artikel sebelumnya 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 css1 css2 css3 css4 css5 css6 css7 css8

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 menu nya maka akan seperti ini :

hasil-hover

nah untuk icon nya disini saya menggunakan font-awesome, nah teman-teman bisa download sendiri untuk font-awesomenya .

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