Hai teman-teman? apa kabar? semoga tetap dalam keadaan baik, pada tutorial sebelumnya kita telah belajar banyak sekali tutorial dari mulai html, css jquery, javascript, php dan lainnya dan pada kesempatan kali ini saya akan memberikan sedikit cara sederhana membuat tooltip dengan css.

Mungkin teman-teman ada yang sudah paham dan sudah mengerti tentang apa itu tooltip, yups tooltip ialah sebuah tampilan pemberitahuan yang berfungsi untuk membuat pembertahuan kepada pengunjung website kita, atau bisa dibilang anouncement notivication.

Dan pada tutorial kali ini, saya akan mencoba membuat tooltip sederhana, mungkin untuk lebih jelasnya teman-teman bisa langsung buat sebuah file dan ketikan script berikut ini:

script diatas menjelaskan bahwa saya membuat sebuah span didalam div dimana nanti span inilah yang akan kita jadikan tooltip, jika sudah teman-teman silahkan ketikan script css berikut ini:

Jika sudah maka coba teman-teman save, maka jika di save maka lihat lah hasilnya, hasilnya bahwa pemberitahuan akan muncul ketika dulisan dumet school kita hover, saya tidak akan menjelaskan fungsi dari propertis yang saya ketikan pada css diatas satu per satu, mungkin teman-teman bisa search di google jika ada yang belm mengerti beberapa dari properti diatas.

Oke teman-teman saya rasa untuk tutorial kali ini tentang cara sederhana membuat tooltip dengan css. semoga tutorial yang singkat kali ini dapat bermanfaat untuk teman-teman semuanya, sampai berjumpa kembali pada tutoraial selanjutnya,

Terima Kasih