JSFiddle - React, Tailwind, and code Playground

HTML

<button>click</button>
<div>
<span>hallo</span>
</div>

SCSS

div {
  margin: 200px;
  background: red;
  width: 200px;
  padding: 60px;
  height: 200px;
 transform: rotate(13deg) ;
 overflow: hidden;
 transition: all 1s;
 span {
   display: block;
   font-size: 120px;
   font-family: sans-serif;
   text-transform: uppercase;
   font-weight: 900;
 transform:  rotate(-13deg); 
  transition: all 1s;
 }
 
 &.move {
   transform: translate(200px,0) rotate(13deg) ;
   span {
   transform: translate(-200px,0) rotate(-13deg) ; 
   }
 }
}

JavaScript

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