JSFiddle - React, Tailwind, and code Playground

by Amens

HTML

<div class="mask">
<div class="pageflip"></div>
</div>

CSS

.mask {
  width: 300px;
  height: 600px;
  background: red;
  position: relative;
  overflow: hidden;
}

.pageflip {
  position: absolute;
  width: 100%;
  height: 100%;
  left:30px;
  background: #00FF0033;
  clip-path: rect(5px 5px 60px 45px round 20%);
}