Cara Membuat Tooltip Inline pada W3.CSS
Terkadang seseorang lebih memilih bagi 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 di kesempatan kali ini saya akan berbagi ilmu kepada kalian mengenai bagaimana Cara Merancang Tooltip Inline di W3.CSS.
Pengertian Tooltip ialah konten atau objek yang muncul ketika di Hover atau kursor nya berada di konten yang diberikan Tooltip ini. Seperti hal nya dengan Dropdown teman-teman, Tooltip ini hampir sama dengan Dropdown. Tetapi bedanya Tooltip tak bagi di Fitur atau Navigation ya.
Oke seketika saja, berikut Cara Merancang Tooltip Inline di W3.CSS.
Pertama-tama-tama, silahkan teman-teman siapkan file index.html nya.
Kemudian, isi di bagian <head> link bagi 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 di 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? lumayan gampang bukan?
Sekianlah bagi panduan kali ini mengenai bagaimana Cara Merancang Tooltip Inline di W3.CSS.
Semoga bermanfaat, terima kasih
Sumber https://kursuswebsite.org
