Blogger Logo With CSS

BLOGGER Logo

Membuat Logo Blogger dengan menggunakan CSS, Sebagai contoh coba arahkan cursor sobat pada Logo diatas, Nah bagi sobat yang penasaran langsung aja Lihat kodenya dibawah ini

<style>
.bloger {left:40%;
  width:120px;
  height:120px;
  background:orange;
  position:relative;
  margin:1px;
  display:inline-block;
  text-decoration:none !important;
  border-radius:15px;border:2px solid #ddd;box-shadow:0 0 4px #000,inset 0 0 4px #000;
}
.bloger *{
  position:absolute;
}
/* Blogger */
.bloger .b1 {
  width:42px;
  height:20px;
  border:18px solid white;
  border-bottom:none;
  border-radius:25px 25px 0px 0px;
  top:16px;
  left:16px;
}

.bloger .b2 {
  width:48px;
  height:12px;
  border:20px solid white;
  border-radius:0px 10px 25px 25px;
  bottom:16px;
  left:16px;
}
.bloger:hover{background:#000;cursor:pointer;
}
</style>
<div class="bloger">
    <div class="b1"></div>
    <div class="b2"></div>
</div>