Terkadang seseorang lebih memilih untuk tersenyum hanya karena tak ingin menjelaskan kenapa ia bersedih. Halo semuanya, ketemu lagi nih kita hehe. Apa kabar? terbaik dan nomor satu ya pastinya. Oke pada kesempatan kali ini saya akan berbagi ilmu kepada kalian tentang bagaimana Cara Membuat Tooltip Inline pada W3.CSS.
Pengertian Tooltip adalah konten atau objek yang muncul ketika di Hover atau kursor nya berada pada konten yang diberikan Tooltip ini. Seperti hal nya dengan Dropdown teman-teman, Tooltip ini hampir sama dengan Dropdown. Tapi bedanya Tooltip tidak untuk di Menu atau Navigation ya.
Oke langsung saja, berikut Cara Membuat Tooltip Inline pada W3.CSS.
Pertama-tama, silahkan teman-teman siapkan file index.html nya.
Kemudian, isi di bagian <head> link untuk menghubungkan HTML kita dengan library W3.CSS nya.
<link rel="stylesheet" href="http://www.w3schools.com/lib/w3.css">
Setelah itu, isi di bagian <body> tag-tag seperti gambar di bawah,
<body class="w3-container"> <h2>Tooltips</h2> <p>Arahkan kursor pada paragraf di bawah!</p> <p class="w3-tooltip">London <span class="w3-text"><b>9 million</b></span> is the capital city of England.</p> </body>
Bagaimana teman-teman? cukup mudah bukan?
Sekian untuk tutorial kali ini tentang bagaimana Cara Membuat Tooltip Inline pada W3.CSS.
Semoga bermanfaat, terima kasih