border-image градиентом

by Ankhena

HTML

<br>
<div class="gradient">
Lorem ipsum
 </div>

CSS

.gradient {
  height: 30px;
  width: 20%;
  margin: 0 auto;
  border: 5px solid transparent;
  border-image: linear-gradient(150deg,#adf2f7 10%,  transparent 30%, transparent 70%, #adf2f7 90%);
  border-image-slice: 1;
}