より大きな画像から位置によって表示される画像をどのように拡大するか？

Question

私はdivを持っています。このdivは画像を表示します。画像は、次のように大きな画像から切り取られたスプライトとして表示されます。

.myDiv { 
    background-image: url("myBiggerImage.jpg"); 
    background-position: -51px -798px; 
    background-repeat: no-repeat; 
    background-size: auto auto; 
} 

divは16x16サイズです。私は、現在の場所からmyBiggerImage.jpgを切り取り、32x32 divに収まるように2倍にスケーリングした16x16ピースで、divサイズを32x32に増やしたいと思います。

どのようにそれを実現するには？あなたが探していることはscale()ある

Answer 1

：

someselector { 
    -webkit-transform:scale(2); 
    -moz-transform:scale(2); 
    -o-transform:scale(2); 
    -ms-transform:scale(2); 
    transform:scale(2); 
} 

あなたはCan I Useでそのサポートをチェックアウトすることができます。