JSFiddle - React, Tailwind, and code Playground

by hammerbrostime

HTML

<input id="cornerplayer">

CSS

#cornerplayer{
color:#fff;
z-index:999;
background-color:#000;
width:1600px;
height:50px;
border-radius:50px 0px 0px 0px;
-moz-border-radius:5px 00px 0px 0px;
position:absolute;
overflow:hidden;
bottom:70px;
right:120px;
-webkit-transition: opacity 0.8s linear;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
}

#cornerplayer:focus{
width:200px;
height:500px;
-moz-border-radius:0px;
border-radius:0px;
}