css-crop ile resimlerin merkezini gostermek

22-05-2013, 20:54:43

farklı boyutlardaki resimleri otomatik olarak css ile merkezden crop yapmak istiyorum. 150px 125px olarak nasıl yapailirim? yanlış anlaşılmasın resimi ufaltmak değil her resmin tam ortası görünecek şekilde kesmek istiyorum. zaman ayrıranlara şimdiden teşekkür ederim.

22-05-2013, 21:00:34

#2

masumm

div.center-cropped {
width: 50px;
height: 60px;
background-position: center center;
}

<div class="center-cropped"
style="background-image: url('http://placehold.it/200x200');">
</div>

width: 50px;
height: 60px;

bu değerleri istediğiniz gibi değiştirin.

http://jsfiddle.net/vYdBt/ adresinde deneyebilirsiniz...

kaynak:http://stackoverflow.com/questions/1...enter-an-image

22-05-2013, 21:53:55

#3

buddy

denicem kardeşim teşekkürler.

masumm adlı üyeden alıntı: mesajı görüntüle

div.center-cropped {
width: 50px;
height: 60px;
background-position: center center;
}

<div class="center-cropped"
style="background-image: url('http://placehold.it/200x200');">
</div>

width: 50px;
height: 60px;

bu değerleri istediğiniz gibi değiştirin.

http://jsfiddle.net/vYdBt/ adresinde deneyebilirsiniz...

kaynak:http://stackoverflow.com/questions/1...enter-an-image