Penjana Laluan Klip CSS
Bina poligon dan bentuk laluan klip dengan pratonton interaktif. Hebat untuk bentuk wira dan topeng imej.
CSS Clip Path Generator
LiveCSS output
clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
Key capabilities
- Bina poligon dan bentuk laluan klip dengan pratonton interaktif.
- Berjalan dalam penyemak imbas anda
- Percuma untuk digunakan
Cara menggunakan
- Pilih bentuk pratetap atau titik poligon.
- Laraskan mata mengikut keperluan.
- Salin CSS laluan klip.
How this tool works
- Pilih bentuk pratetap atau titik poligon.
- Laraskan mata mengikut keperluan.
- Salin CSS laluan klip.
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 Penjana Laluan Klip CSS pada bila-bila masa anda perlu: Bina poligon dan bentuk laluan klip dengan pratonton interaktif.
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 Triangle Generator
Generate CSS triangles with border tricks — direction, size, and color.
Open toolBorder Radius Generator
Control each corner independently and preview rounded shapes with copy-ready CSS.
Open toolCSS Gradient Generator
Build linear, radial, and conic gradients with live preview and copy-ready CSS.
Open tool