JSFiddle - React, Tailwind, and code Playground

by mmansion

HTML

<div id="triangle-up"></div>

CSS

#triangle-up {
	width: 0;
	height: 0;
	border-left: 50px solid transparent;
	border-right: 50px solid transparent;
	border-bottom: 100px solid blue;
    opacity: .3;
    
    -webkit-transform: rotate(10deg);
}