Daily Toolkits

Penjana Segitiga CSS

Hasilkan segi tiga CSS dengan helah sempadan klasik. Tetapkan arah, saiz dan warna, kemudian salin coretan.

CSS Triangle Generator

Live

CSS output

width: 0;
height: 0;
border-left: 60px solid transparent;
border-right: 60px solid transparent;
border-bottom: 60px solid #e11d48;

Key capabilities

  • Hasilkan segitiga CSS dengan helah sempadan — arah, saiz dan warna.
  • Berjalan dalam penyemak imbas anda
  • Percuma untuk digunakan

Cara menggunakan

  1. Pilih arah segi tiga.
  2. Tetapkan saiz dan warna isian.
  3. Salin CSS.

How this tool works

  1. Pilih arah segi tiga.
  2. Tetapkan saiz dan warna isian.
  3. Salin CSS.

Recommended settings

  • Gunakan pilihan lalai dahulu, kemudian laraskan jika perlu

Supported formats

Text / on-page input

File size and limits

  • Pratonton berbilang lapisan yang sangat kompleks mungkin terasa lebih perlahan pada telefon lama.

Privacy

Penjana warna & CSS dijalankan sepenuhnya dalam penyemak imbas anda. Pratonton dan penukaran tidak sekali-kali memuat naik gaya anda.

Common use cases

  • Gunakan CSS Triangle Generator bila-bila masa anda perlukan: Jana segi tiga CSS dengan helah sempadan — arah, saiz dan warna.

Troubleshooting

Pratonton kelihatan berbeza selepas tampal

Semak CSS yang bersaing pada halaman anda (set semula, warna yang diwarisi). Salin peraturan yang dijana ke dalam helaian gaya terpencil dahulu.

Soalan Lazim

Adakah ini memuat naik CSS saya?

Tidak. Penjana dan penukar berjalan dalam penyemak imbas anda dengan pratonton langsung.

Adakah saya memerlukan akaun?

Tidak. Buka alat, tweak kawalan dan salin CSS.

Alat berkaitan

CSS Clip Path Generator

Build polygon and shape clip-paths with an interactive preview.

Open tool

Border Radius Generator

Control each corner independently and preview rounded shapes with copy-ready CSS.

Open tool

Box Shadow Generator

Design layered box-shadows with offset, blur, spread, and color — live preview included.

Open tool