<div class="triangle"></div>
.triangle {
  width: 300px;
  height: 300px;
  background: red linear-gradient(red, blue);
  clip-path: polygon(0% 100%, 50% 0%, 100% 100%);
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.