JSFiddle - React, Tailwind, and code Playground

by bemulima

HTML

<div class="items">
<div class="item">1</div>
<div class="item">2</div>
<div class="item">3</div>
<div class="item">4</div>
</div>

CSS

.item{
  width: 100px;
  height: 50px;
  background: rgba(1,255,0,0.5);
  backdrop-filter: blur(15px);
  border: 1px solid #ccc;
  position: relative;
  z-index:1;
}
.item:after{
  content: '';
  width: 50px;
  height: 50px;
  position: absolute;
  top: 25px;
  right: -10px;
  background: red;
  z-index: -1;
}