JSFiddle - React, Tailwind, and code Playground

by jasonmerino

HTML

<div></div>
<button>Toggle</button>

CSS

div {
    height: 100%;
    width: 33%;
    position: fixed;
    background: #555;
    top: 0;
    left: 0;
	-webkit-transition: -webkit-transform .6s;
    -webkit-transform: scale(1);
}

div.show {
    -webkit-transform: rotateY(-90deg) translate3d(400%, 0, 316px) scale(2);
}

button {
    position: absolute;
    top: 40px;
    right: 10px;
}

JavaScript

$('button').on('click', function() {
  $('div').toggleClass('show'); 
});