JSFiddle - React, Tailwind, and code Playground

by AJIEKCEU

HTML

<div>

</div>

CSS

div{
  width: 100px;
  height: 200px;
  position: relative;
  background: red;
  outline: 10px solid blue;
  outline-offset: -10px;
}
div::before{
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, white, white 10%,blue 10%, blue 15%, transparent 15%, transparent 85%, blue 85%,blue 90%, white 90%);
}