JSFiddle - React, Tailwind, and code Playground

by Vaibhav Mehta

HTML

<textarea name="" id="" cols="30" rows="10"></textarea>

CSS

textarea {
   height: 100px;
   width: 300px;
   -webkit-transition: all .5s;
   -moz-transition: all .5s;
   transition: all .5s;
}

textarea:focus {
    height: 300px;
    width: 500px;
}