A Pen by Secret Sam.

gnrxF.markdown

gnrxF

A Pen by Secret Sam on CodePen.

License.

index.html

<input id="zoomer" type="range" min=50 max=150 value="50"/>
<figure class="container">
	<img id="map" src="https://www.npmjs.org/static/img/npm.png" alt="" />	
</figure>

script.js

zoomer.addEventListener('input',function(){
	map.style.webkitTransform = 'scale('+zoomer.value/50+')'  
})

style.css

input[type=range]{
  -webkit-appearance : slider-vertical;
  -webkit-transform : rotate(180deg)
}
.container{
  overflow:hidden;
}