Merhaba arkadaşlar şimdi hep beraber bir dikdörtgen görüntüyü alıp, üzerinde hiçbir oynama yapmadan sadece css kullanarak görüntüyü daire yapıp bu daireye gölgelendirme yapacağız.
Bu işe başlama için bir orjinal resmin urlsini div kutusu içine alın veya wordpress kodunu. WordPress blogunuzda bu sizin için ayrı bir güzel olacaktır. Ayrıca bu kodlarla dairenin boyutunu ayarlayabilirsiniz.
.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);
}Kaynak: http://feedous.com/css-ile-resimlerinize-golge-ve-ovallik-ekleyin.html
