Loading…
Loading…
Generate CSS triangles using the border trick or clip-path — pick a direction, size, and color.
Classic method — works everywhere
width: 0; height: 0; border-left: 16px solid transparent; border-right: 16px solid transparent; border-bottom: 32px solid #D5B9FF;
Modern method — cleaner code
width: 32px; height: 32px; background: #D5B9FF; clip-path: polygon(50% 0%, 0% 100%, 100% 100%);