Membuat Icon Whats App dengan CSS

Publish Date : 18-02-2017 , Update Date : 12-03-2025 NEW, dibaca 14608 kali, Hari ini dibaca : 2 kali ,7 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

7 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
Оказываем аренду автобусов и микроавтобусов с водителем крупным компаниям, бизнеса любого масштаба, а также для частных клиентов.

online health information   Pada : 2025-04-07 22:09:02
Navigating mental health challenges requires access to reliable information and support always critically critically. Understanding common conditions helps reduce harmful stigma surrounding mental health effectively always constructively constructive

champion бонусы   Pada : 2025-04-09 13:24:22
На данной платформе вы сможете найти интересные онлайн-автоматы в казино Champion. Коллекция игр содержит классические автоматы и актуаль

вавада бонусы на   Pada : 2025-04-10 22:32:01
На этом сайте можно найти слоты из казино Вавада. Любой игрок может подобрать автомат по интересам — от классических игр до новейших ра



wa