JSFiddle - React, Tailwind, and code Playground

by Rahul Patel

HTML

<div class="test">
  This is a box and i want border for all the side 
</div>

CSS

.test{
  height:250px;
  border: 2px solid;
border-image: linear-gradient(to left,rgba(78,137,176,1)  1%, rgba(115,192,85,1)  100%) 100% 0 100% 0/2px 0 2px 0;
padding-top:50px;
}