• 22-05-2013, 20:54:43
    #1
    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
    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
    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