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

Sering kita lihat icon-icon pembayaran di dalam website e-commerce, nah itu berfungsi untuk membayar barang yang kita beli. Kita bisa memilih jenis kartu apa yang akan kita genukan atau metode pembayaran apa yang akan kita gunakan.

Nah, Sekarang saya akan Membuat Icon Pembayaran Menggunakan HTML5 dan CSS3 sebagai contoh saja. Berikut tutorial singkat tentang Cara Membuat Icon Pembayaran Menggunakan HTML5 dan CSS3:

– Pertama teman-teman download dulu font-awesome untuk mengambil icon yang kita akan pakai dan simpan satu folder dengan index.html.

Cara Membuat Icon Pembayaran Menggunakan HTML5 dan CSS3

– Kedua teman-teman buka flat ui color di browser teman-teman:

Cara Membuat Icon Pembayaran Menggunakan HTML5 dan CSS3

Flat ui Color di gunakan unutk memberi warna background pada masing-masing icon.

– Ketiga teman-teman buat struktur dasar HTML-nya dulu bawah ini :

Di index saya sudah memberikan link css dan link font awesomenya. Apabila teman-teman bua di browser maka tampilannya akan menjadi seperti ini:

Cara Membuat Icon Pembayaran Menggunakan HTML5 dan CSS3

– Keempat teman-teman ketikan css-nya untuk mempercantik tampilannya:

Nah, coba teman-teman buka lagi di browser maka tampilannya akan menjadai seperti ini:

Cara Membuat Icon Pembayaran Menggunakan HTML5 dan CSS3

Bagaimana teman-teman cukup mudahkan Membuat Icon Pembayaran Menggunakan HTML5 dan CSS3.

Sekian artikel saya hari ini tentang Cara Membuat Icon Pembayaran Menggunakan HTML5 dan CSS3.

Sehat selalu ya teman-teman, selamat mencoba.