CSS ile Resimlerinize Ovallik Kazandırın

Blogger temalarınızın tasarımları için gayet  güzel bir CSS kodu.Bu kod ile birlikte istediğiniz resmi ovalleştirebileceksiniz.Bunun için aşağıdaki adımları izlemeniz yeterli olacaktır.

Öncelikle CSS kodumuzu eklemek için aşağıdaki kodumuzu buluyoruz.

]]></b:skin>

Bulduğumuz kodun hemen öncesine aşağıdaki kodlarımızı ekliyoruz.

.circle {
  display: block;
  width: 150px;
  height: 150px;
  margin: 1em auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-border-radius: 99em;
  -moz-border-radius: 99em;
  border-radius: 99em;
  border: 5px solid #eee;
  box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3);  
}

Şimdi ise oval şekli vermek istediğiniz resmi şu şekilde ekleyeceksiniz:

<div class="circle" style="background-image: url('RESİM ADRESİ');"></div>

İşlemlerimiz bu kadar güle güle kullanınız :)