JSFiddle - React, Tailwind, and code Playground

HTML

<textarea class="brtel"></textarea>

CSS

.brtel {
-webkit-transition: background-size 4s ease-in;
transition: background-size 4s ease-in;
width: 200px; 
  background-image: url('http://i.imgur.com/9HMnxKs.png');
  background-repeat: repeat-y;
  background-size: 0% 0%;
}
.brtel:focus {
border-radius: 0px;
border:none;
color: #fff;
  background-size: 100% 100%;

}