Membuat Icon WhatsApp di Website Dengan CSS

Membuat Icon WhatsApp di Website Dengan CSS - Tutorial kali ini kita akan membuat icon whatsapp dengan CSS, style berikut ini tetap ki...

Membuat Icon WhatsApp di Website Dengan CSS - Tutorial kali ini kita akan membuat icon whatsapp dengan CSS, style berikut ini tetap kita ambil dari gambar whatsapp sebagai background dalam bentuk image (png) , dan kita berikan style dengan css.

Berikut gambar whatsapp dengan css

Style CSS Whatsapp

CODE HTML :

<div class="icon-whatsapp"></div>

CODE CSS :

body {
  background: #333;
}
.icon-whatsapp {
  height: 50px;
  width: 50px;
  background-color: #eff0f1;
  background-image: url('http://diylogodesigns.com/blog/wp-content/uploads/2016/04/whatsapp-logo-PNG-Transparent.png');
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  border:5px solid #eff0f1;
  border-radius: 38%/38%;
}

Dengan Seperti ini anda dapat memodifikasi lebih lanjut, menjadi style BBM, Telpon , dan lainnya Sebagai link konktak website anda