JSFiddle - React, Tailwind, and code Playground

by Serg Sagan

HTML

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

CSS

.triangle-right {
  border-image: none;
  height: 50px;
  width: 200px;
  /* низ, указываем цвет стрелки */
  background-image: linear-gradient(to top, rgb(207, 207, 213) 0%, rgb(135, 129, 129) 50%, rgb(207, 207, 213) 100%);
}

.triangle-right:after{
  content:"";
  display: block;
  height: 0;
  border-left:30px solid #f3f5f6; 
	border-top:25px solid transparent;
  border-bottom:25px solid transparent;
}