JSFiddle - React, Tailwind, and code Playground

HTML

<br/>
<div>&nbsp;http://localhost:8080/genesys/objective/ecc7923a-d74f-4aec-9f5b-8d1ded00fd01</div>

CSS

div {
    position: relative;
    background: #f5f5f5;
    color: #00f;
    height: 200px;
    text-decoration: underline
}
html {
    background: #f5f5f5;
}
div:before {
    background: -webkit-linear-gradient(right, rgba(245,245,245, 1) 30%, rgba(245,245,245, 0) 100%);
    content: '';
    position: absolute;
    width: 100%;
    height: 100px;
}