JSFiddle - React, Tailwind, and code Playground

by Zaheer Ahmed

HTML

<div class="gradient">
    <div>text in div</div>
</div>

CSS

.gradient {
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.33, rgb(173,14,173)), color-stop(0.67, rgb(255,0,255)));
background-image: -moz-linear-gradient(center bottom, rgb(173,14,173) 33%, rgb(255,0,255) 67% );
padding: 2px;
}

.gradient > div { background: #fff; }