JSFiddle - React, Tailwind, and code Playground

by shailparas

HTML

<div id="outerdiv">
	<div id="inner1">
		<div id="inner2">
			<div id="inner3">
				<img src="http://nobleanarchist.com/blog/wp-content/uploads/2014/02/comfort-zone.jpg">
			</div>
		</div>
	</div>
</div>

CSS

#outerdiv { width:400px;height:350px;border:1px solid #FF0000; overflow:auto; position:relative; }

#inner1 { position:relative;top:0px;left:0px; }

#inner2 { width:1000px;height:1000px;transform:scale(0.3, 0.3);transform-origin:0 0;-webkit-transform:scale(0.45, 0.45);-webkit-transform-origin: 0 0; }

#inner3 { width:1000px;height:1000px;overflow:hidden; }