Hallo teman-teman, Bertemu kembali dengan saya dan masih diwebsite ini. Seperti biasa ya teman-teman, semoga masih diberikan kesehatan dan kebahagiaan agar dapat kembali semangat dalam mencari informasi atau ingin mengupgrade skill didunia website terutama dalam hal desain website.

Pada Kesempatan kali ini saya akan membahas tentang Cara Membuat Button Tooltip Image dengan CSS3. Sebelum kita memulainya hal yang harus diperhatikan adalah teman-teman harus sudah terlebih dahulu mengenal dengan yang namanya HTML dan CSS. Agar dapat dimengerti dengan baik pembahasan ini. Dan teman-teman bisa melihat pembahasan saya sebelumnya tentang : – Cara Membuat Button Tooltip Text dengan CSS3

Oke langsung saja kita mulai Cara Membuat Button Tooltip Image dengan CSS3. Pertama tama siapkan terlebih dahulu gambarnya dan simpan kedalam satu folder jadi nanti sejajar dengan file HTML nya. Lalu kemudian jalankan/run text-editor yang teman-teman gunakan. Disini saya menggunakan sublime-text sebagai text-editornya, lalu kemudian ketiklah script HTML dibawah ini kedalam text-editornya :

 

Jika sudah dengan HTML nya silahkan teman-teman simpan terlebih dahulu dan berikan nama tooltip.html, lalu setelah itu buka kembali script html yang ada di text editor tadi, kemudian tambahkan script CSS dibawah ini dan letakan diantara tag head HTML :

 

Jika sudah silahkan teman-teman simpan dan coba teman-teman jalankan/run file tooltip.html kedalam browser yang teman-teman gunakan. Jika berhasil maka hasilnya akan sama seperti pada gambar dibawah ini :

cara-membuat-button-tooltip-image-dengan-css3

Oke, Cukup mudah kan teman-teman, Jadi seperti itulah contoh Cara Membuat Button Tooltip Image dengan CSS3. Dan silahkan teman-teman modifikasi sesuai selera teman-teman.

Dan Sampai disini dulu pembahasan kali ini tentang Cara Membuat Button Tooltip Image dengan CSS3. Semoga dapat bermanfaat buat teman-teman dan sampai bertemu dipembahasan selanjutnya.

Terimakasih