JSFiddle - React, Tailwind, and code Playground

by avall

HTML

<div id="one">
    <iframe class="web" src="http://cooltrenz.com" scrolling="yes" ></iframe>
</div>

CSS

.web {
    width:500px;
    height:400px;
}
#one {
    width:150px;
    height:150px;
    border:solid green 2px;
    overflow:hidden;
}

JavaScript

$(document).ready(function(){
    $('#one').hover(
        function(){
            $(this).css({"width":"500","height":"400"});
        },
        function(){
            $(this).css({"width":"150","height":"150"});
        }
    );
});