JSFiddle - React, Tailwind, and code Playground

by rami7250

HTML

<div class="box box-2">Just a box! 😄</div>

CSS

.bbsbox {
  width: 400px;
  height: 200px;
  max-width: 100%;
  background: var(--bg2);
  margin: 1rem auto;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
}


.bbsbox-2 {
  border: 10px solid;
  border-image-source: linear-gradient(45deg, rgb(1,162,242), rgb(1,94,187));
  border-image-slice: 1;
}