JSFiddle - React, Tailwind, and code Playground

by Dawid Karwat

HTML

<div class=arrow></div>

CSS

body {
  background-color: #20262e;
}

.arrow {
  position: relative;
  width: 100px;
  height: 80px;
  background-color: aqua;
}

.arrow:before {
  content:'';
  position: absolute;
  top: 0;
  left: 100%;
  border: 40px solid transparent;
  border-left: 40px solid aqua;
  border-radius: 50%;
}