JSFiddle - React, Tailwind, and code Playground

by secretgspot

HTML

<div>

CSS

body{
 padding:50px;
 background:#B4BEC8;  
}

div{
 width:400px;
 height:250px;
 border:5px dashed #FFF;
 position:relative;
 -webkit-border-radius:10px;
 overflow:hidden;
}

div:before{
 border-bottom:5px dashed #FFF;
 position:absolute;
 display:block;
 content:"";
 top:63px;
 left:-25px;
 width:250px;
 height:5px;
 -webkit-transform:rotate(35deg); 
}

div:after{
 border-bottom:5px dashed #FFF;
 position:absolute;
 display:block;
 content:"";
 top:63px;
 right:-25px;
 width:250px;
 height:5px;
 -webkit-transform:rotate(-35deg); 
}