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 - eaweo.com


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

Membuat Icon WhatsApp di Website 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

$type=three$author=hide$comment=hide$readmore=hide$meta=none$comment=none

Nama

Aplikasi Blog Desain Download Font Game Game Mobile Game PC Gratis Inspirasi Template Template Blog Tutorial Video Editing
false
ltr
item
eaweo.com: Membuat Icon WhatsApp di Website Dengan CSS
Membuat Icon WhatsApp di Website Dengan CSS
https://3.bp.blogspot.com/-2JXL5YZvP_w/WX1d9pUrCpI/AAAAAAAAAJ4/XHFrj5xtmn4MZfGzApbPOpkPbp7PKCnuwCLcBGAs/s640/whatsapp.jpg
https://3.bp.blogspot.com/-2JXL5YZvP_w/WX1d9pUrCpI/AAAAAAAAAJ4/XHFrj5xtmn4MZfGzApbPOpkPbp7PKCnuwCLcBGAs/s72-c/whatsapp.jpg
eaweo.com
http://www.eaweo.com/2017/07/membuat-icon-whatsapp-di-website-dengan.html
http://www.eaweo.com/
http://www.eaweo.com/
http://www.eaweo.com/2017/07/membuat-icon-whatsapp-di-website-dengan.html
true
8779593355318518250
UTF-8
Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy