Pembuat Segitiga CSS

Buat segitiga CSS menggunakan trik border.

ArahLebar: 80pxTinggi: 60pxWarna

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

Buat segitiga murni CSS dalam arah, ukuran, dan warna apa pun, lalu salin kode border-nya.

Cara pakai

Pilih arah dan ukuran.
Pilih warna.
Salin CSS-nya.

Pertanyaan umum

Bagaimana cara kerjanya?: Menggunakan border transparan pada elemen berukuran nol, hanya mewarnai satu sisi.
Bisakah dipakai untuk panah?: Ya, segitiga CSS umum digunakan untuk tooltip dan panah dropdown.

Alat terkait