Bu makalede, http://css-tricks.com/css-sprites/ nasıl ürün ekleyebilirim 1 büyük görüntüden daha küçük bir görüntü bahsediyor. Daha küçük bir resim kırpma nasıl/mümkün ve sonra uzandım daha öncede kapalı bölge ölçekli varsa söyle lütfen.

İşte o yazıdan bir örnek:

A
{
  background-image: url(http://www.jaredhirsch.com/coolrunnings/public_images/3deb155981/spriteme1.png);
  background-position: -10px -56px;
}

Nasıl kırpma sonrası görüntü ölçek spriteme1 gelen ben bilmek istiyorum.png

İşte örnek URL: http://css-tricks.com/examples/CSS-Sprites/Example1After/

Eğer simgeleri Öğe1,2,3,4 yanındaki daha küçük yapabilir miyim bilmek istiyorum?

Kullanabilirsinizarka plan boyutuo onun tüm tarayıcılarda desteklenmiyor olarak sizin için çalışır, eğer.

background-size : 150% 150%;

Ya

Bir combo kullanabilirsinizzoomy/yanidönüşümü:ölçekFirefox(-moz-) ve Opera(-o-) çapraz tarayıcı masaüstü & mobil

[class^="icon-"]{
    display: inline-block;
    background: url('../img/icons/icons.png') no-repeat;
    width: 64px;
    height: 51px;
    overflow: hidden;
    zoom:0.5;
    -moz-transform:scale(0.5);
    -moz-transform-origin: 0 0;
}

.icon-huge{
    zoom:1;
    -moz-transform:scale(1);
    -moz-transform-origin: 0 0;
}

.icon-big{
    zoom:0.60;
    -moz-transform:scale(0.60);
    -moz-transform-origin: 0 0;
}

.icon-small{
    zoom:0.29;
    -moz-transform:scale(0.29);
    -moz-transform-origin: 0 0;
}