JSFiddle - React, Tailwind, and code Playground
HTML
<div class="c" style="opacity:0.38;filter:alpha(opacity=38)" allowtransparency="true"><iframe id="alpha" name="alpha" type="text/html" src="http://time.is"></iframe></div>
CSS
.c { width:319px;height:196px;display:inline-block;overflow:hidden; }
.blowup {
-webkit-transform: scale(1.5);
-moz-transform: scale(1.5);
-ms-transform: scale(1.5);
-o-transform: scale(1.5);
transform: scale(1.5);
}
#alpha { positon:fixed;width:1280px;height:790px;zoom:1;-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 }
JavaScript
$(#alpha).onClick(function({
$('#alpha').addClass('.blowup');});