Create a transparent 21px arrow with a soft purple border.

by anoopsuda

HTML

<div class="triangle-left"></div>

CSS

.triangle-left {
  width: 0;
  height: 0;
  border-top: 10.5px solid transparent;   /* half of height (21px / 2) */
  border-bottom: 10.5px solid transparent;
  border-right: 21px solid #d8c8ff;       /* color of the triangle */
}