У меня есть атлас текстуры, который упаковывает изображения в определенных позициях в одном изображении. Я хочу отображать эти изображения с указанной шириной и высотой, используя css, (предварительно определенный процент от родительской ширины, высоты).
Когда я устанавливаю ширину и высоту, он отображает упакованное изображение в исходном размере, но я хочу, чтобы оно отображалось больше, при заданной ширине и высоте в процентах.
Я пробовал установить эти свойства но я не мог контролировать размер отображения изображения:
background-size background-position background-image, width, height.
.sprite {
background-image: url('http://placekitten.com/301/301');
height: 32px;
width: 32px;
background-position: -32px 0px;
}
<div class="sprite">
</div>