JSFiddle - React, Tailwind, and code Playground

by Qwerty_Wasd

HTML

<div></div>

CSS

div {
  position:relative;
  height:300px;
  width:600px;
  border:2px solid #000;
}

div::after {
  content:"view more";
  position:absolute;
  z-index:10;
  top:0;
  left:0;
  height:100%;
  width:100%;
  background:rgba(111, 168, 145, 1);
}