JSFiddle - React, Tailwind, and code Playground

by lollero

HTML

<div>sad</div>

CSS

div {
    position: absolute;
	overflow: hidden;
	left: -90px;
	width: 90px;
	height: 100px;
	background: lightblue;
    -moz-transition: left 0.4s ease-out;
	-webkit-transition: left 0.4s ease-out;
    transition: left 0.4s ease-out;
}

.animate {
    left: 0px
}

JavaScript

$('html').on("click", function() {

    $('div').addClass('animate');

});