JSFiddle - React, Tailwind, and code Playground

by darcyclarke

HTML

<div id="wrapper"><iframe src="http://jsfiddle.net/darcyclarke/TyYxC/show/"></div>

CSS

body {
  padding: 20%;    
}

#wrapper {
 width: 500px;
 height: 250px;
 -webkit-transition: -webkit-transform 1s;   
 position: relative;
    border: 1px solid blue;
    display: block;
}
#wrapper iframe {
 height: 100%;
 width: 100%;
 position: realtive;
 display: block;
}

JavaScript

$('#wrapper').css('-webkit-transform','rotate(90deg)').on('webkitTransitionEnd', function(){
    var el = $(this), iframe = el.find('iframe'), src = iframe[0].src;
    iframe.css({width:'250px',height:'500px','-webkit-transform':'rotate(-90deg)'});
});