JSFiddle - React, Tailwind, and code Playground

by kougiland

HTML

<div class="line" style="position: absolute;  width: 302.66175007629096px; top: 0; left: 578.6863686144352px; "></div>

CSS

div.line {
-webkit-transform-origin: 0 50%;
-moz-transform-origin: 0 50%;
transform-origin: 0 50%;
height: 205px;
background: #948C79;
opacity: 0.5;
box-shadow: 0 0 8px #B99B7E;
-webkit-transition: -webkit-transform 1s;
-moz-transition: -moz-transform 1s;
transition: transform 1s;
    background: #FDCD9F;
color: white;
text-shadow: none;
}
div.line:hover {
 -webkit-transform: rotate(180deg);   
}