JSFiddle - React, Tailwind, and code Playground

HTML

<div class="copy">Hello World</div>

CSS

body {
    background: #000;
}
.copy {
    background: whitesmoke;
    display: block;
    line-height: 1;
    padding: 12px;
    color: #b0d66d;
    font-weight: 200;
    letter-spacing: .08em;
    opacity: 0.2;
    -webkit-transition: opacity 1s ease;
    -moz-transition: opacity 1s ease;
    -o-transition: opacity 1s ease;
    transition: opacity 1s ease;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility:    hidden;
    -ms-backface-visibility:     hidden;
    backface-visibility:     hidden; 
}
.copy:hover {
   opacity: 1;
}