Salam hangat teman-teman, semoga teman-teman sehat selalu ya, Kali ini saya akan mencoba membagi Cara Membuat Icon Bar Menggunakan HTML5 dan CSS3.

Icon bar adalah gambar-gambar kecil yang sering di pakai untuk mempercantik tampilan. Tujuan dari icon bar ini adalah untuk memudahkan user untuk meloncat ke page berikutnya atau ke link tertentu. Icon bar ini dapat kita tambah dan kurangi sesuai dengan kebutuhan kita. Kalau terlalu banyak icon pada website akan mengurangi keindahan dari website itu sendiri.

Sekarang saya akan mencoba membuat tutorial singkat tentang  Cara Membuat Icon Bar Menggunakan HTML5 dan CSS3.

-Pertama teman-teman ketikan tag html di bawah ini :

Maka hasilnya akan seperti ini:

Cara Membuat Icon Bar Menggunakan HTML5 dan CSS3-1

– Kedua untuk mempercantik tampilannya teman-teman ketikan kode css di bawah ini:

– Hasilnya akan menjadi seperti gambar di bawah ini:

Cara Membuat Icon Bar Menggunakan HTML5 dan CSS3-2

Dan apabila kita arahkan cursor ke salah satu icon maka warna dr icon akan berubah menjadi hitam dan opacitynya akan menjadi aga blur, coba lihat gambar di bawah ini:

Cara Membuat Icon Bar Menggunakan HTML5 dan CSS3-3

Bagaimana teman-teman mudahkan Membuat Icon Bar Menggunakan HTML5 dan CSS3.

Sekian tutorial saya untuk kali ini tentang Cara Membuat Icon Bar Menggunakan HTML5 dan CSS3. Maaf bila ada kesalahan dalam tutorialnya.

Sehat selalu ya teman-teman, selamat mencoba.

WhatsApp chat