JSFiddle - React, Tailwind, and code Playground

by drublic

HTML

<textarea></textarea>

CSS

textarea {
padding: 7px; border: 1px solid #000; margin: 5px 0; font-size: 1em; width: 400px; background: rgba(0,0,0,0.2);
  -webkit-transition: background 1s ease-out;  
}

textarea:focus {
outline: 0;
box-shadow: 0 0 4px #000;
    background: rgba(0,0,0,0.5);
}


h1 { font-size: 2em; font-weight: bold; margin: 15px 0 10px; }