Membuat Icon Whats App dengan CSS

Publish Date : 18-02-2017 , Update Date : 12-03-2025 NEW, dibaca 14555 kali, Hari ini dibaca : 3 kali ,4 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('https://web.whatsapp.com/favicon-64x64.ico');
  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

Produk Rekomendasi

Artikel Terkait

Diskusi

4 Komentar


Robertthigh   Pada : 2025-02-14 07:45:27
На данном сайте у вас есть возможность приобрести онлайн телефонные номера разных операторов. Они могут использоваться для регистрации

VirgilAddem   Pada : 2025-03-10 04:23:24
Современно одеваться полезно, ведь внешний вид способствует выглядеть комфортно. Образ определяет восприятие собеседников. Эстетичн

gruzoperevozki-minsk12.ru-Sep   Pada : 2025-03-22 19:48:02
Доставка грузов в столице — удобное решение для компаний и частных лиц. Мы организуем доставку по городу и региона, функционируя кругл

Междугородние п   Pada : 2025-03-28 03:22:02
Оказываем аренду автобусов и микроавтобусов с водителем крупным компаниям, бизнеса любого масштаба, а также для частных клиентов.



wa