UTILS.
100% di peramban

Generator CSS clip-path

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

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