zoom dashboard

by dirkk0

HTML

<script src="http://futtta.be/squeezeFrame/squeezeFrame.js"></script>
<p>before</p>
<div class="wrap">
    <iframe class="frame" src="http://ajfisher.me/code/deviceapi-normaliser/examples/data.html">
    </iframe>
</div>

<div class="wrap">
    <iframe class="frame" src="http://time.is">
    </iframe>
</div>


<div class="wrap">
    <iframe class="frame" src="http://apple.com">
    </iframe>
</div>

<div class="wrap">
    <iframe class="frame" src="http://news.ycombinator.com/">
    </iframe>
</div>

<p>after</p>
</body>

CSS

.wrap { width: 320px; height: 196px; padding: 0; overflow: hidden; float: left;}
.frame { width: 1280px; height: 786px; border: 1px solid black}

.frame {
    // zoom: 0.25;
    -moz-transform: scale(0.25);
    -moz-transform-origin: 0 0;
    -o-transform: scale(0.25);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(0.25);
    -webkit-transform-origin: 0 0;
}