CSS Triangle Generator

Generate pure CSS triangles (no images, no SVG) in 8 directions. Customize size and color, copy code for tooltips, arrows, and speech bubbles.

方向

尺寸80px

颜色

width: 0;
height: 0;
border-left: 80px solid transparent;
border-right: 80px solid transparent;
border-bottom: 112px solid #6366f1;

Design Tools · Related Tools