UTILS.
Privat sejak awal
◇

Generator CSS clip-path

Potong elemen menjadi bentuk umum dan salin CSS clip-path-nya.

File tetap di perangkat ini

File diproses di browser, tidak pernah diunggah. Situs mengunduh kode dan aset yang diperlukan alat. Tanpa akun atau pelacak.

Gunakan Unduh untuk menyimpan alat ini sebagai satu file HTML untuk penggunaan offline.

Privasi →

Tentang alat ini

Pilih bentuk dan langsung potong kotak pratinjau dengan aturan clip-path yang sesuai, lalu salin CSS yang siap pakai. Pratinjau diperbarui secara langsung, sepenuhnya di browser Anda.

Pertanyaan yang sering diajukan

Bagaimana cara kerja clip-path poligon?
Setiap titik adalah pasangan persentase x y relatif terhadap kotak; browser menghubungkannya secara berurutan dan hanya menampilkan area di dalam garis luarnya.
Apakah semua browser mendukung clip-path?
Bentuk polygon, circle, ellipse, dan inset didukung di setiap browser modern, jadi CSS yang dihasilkan bekerja tanpa prefix.

Alat lainnya