Как сделать масштабирование как на pixelplanet.fun?
У меня есть:
<style>
.pixel,
.pixel:active,
.pixel:focus {
border: solid;
/* border: none; */
border-color: #2e2e2e;
border-width: 2px;
width: 50px;
height: 50px;
}
</style>
<div id="container">
<button class="pixel"></button>
<button class="pixel"></button>
<button class="pixel"></button><br>
<button class="pixel"></button>
<button class="pixel"></button>
<button class="pixel"></button><br>
<button class="pixel"></button>
<button class="pixel"></button>
<button class="pixel"></button><br>
</div>
Здесь нужно как то сделать прокрутку во все стороны и приближение. Размер у div должен быть фиксированный.