Tentang alat ini
Buat segitiga murni CSS menggunakan trik border klasik — pilih arah, ukuran, dan warna, lalu salin aturannya. Pratinjau diperbarui langsung dan semuanya berjalan di browser Anda.
Pertanyaan yang sering diajukan
Bagaimana cara kerja trik border?
Elemen dengan lebar dan tinggi nol hanya menampilkan border-nya; membuat tiga border transparan menyisakan satu border berwarna yang berbentuk segitiga.
Mengapa lebar dan tinggi diatur ke 0?
Tanpa area kotak, border-border bertemu di tengah, sehingga satu border yang terlihat menjadi segitiga rapi alih-alih tepi yang tebal.