Membuat Icon Whats App dengan CSS

Posted in HTML & CSS Life at 18 Februari 2017 With 0 Comments

 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

membuat whatsap 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

Artikel Rekomendasi

Artikel Terkait

Diskusi

wa