CodePen Embed - clip-path

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

.triangle {
  width: 100px;
  aspect-ratio: 1/1;
  background: red;
  clip-path: polygon(50% 0%, 100% 100%, 0 100%);
}

This Pen is owned by かか on CodePen.

This Pen doesn't use any external CSS resources.

This Pen doesn't use any external JavaScript resources.