Tools/developer/css triangle generator

CSS Triangle Generator

Generate pure-CSS triangles with a visual editor and copy the ready-to-use CSS code.

Generated CSS
.triangle {
  width: 0;
  height: 0;
  border-left: 40px solid transparent;
  border-right: 40px solid transparent;
  border-bottom: 40px solid #6366f1;
}