CSS Clip-Path Shape Generator
Buat bentuk poligon, bintang, lencana, heksagon, dan chevron dengan geometri jalur klip CSS modern.
Berjalan di browser Anda. File Anda tidak pernah keluar dari perangkat. Lihat cara memeriksa
…
Cara melakukannya
- 1Langkah 1: buka CSS Clip-Path Shape Generator dan masukkan data Anda
Ketik angka atau teks Anda, tambahkan file, atau pilih opsi yang dibutuhkan. Tidak ada yang diunggah: semuanya tetap di browser Anda.
- 2Langkah 2: apa yang dilakukan CSS Clip-Path Shape Generator
Buat bentuk poligon, bintang, lencana, heksagon, dan chevron dengan geometri jalur klip CSS modern.
- 3Langkah 3: baca hasil dan bandingkan
Hasil muncul seketika. Ubah satu nilai untuk melihat perubahan jawabannya, lalu pakai angka yang sesuai dengan kasus Anda.
- 4Langkah 4: salin atau simpan
Salin hasilnya atau unduh. Untuk keputusan penting, pastikan dulu dengan sumber resmi atau penasihat.
Tentang alat ini
Clip-path memungkinkan pengembang untuk memotong elemen HTML dan gambar menjadi poligon geometris yang tepat tanpa memerlukan Photoshop atau SVG masker. Pilih dari preset populer, memeriksa topeng render secara real time, dan menyalin murni CSS koordinat poligon siap produksi.
Tips untuk hasil terbaik
Luangkan waktu membaca opsi sebelum mulai, dan coba alat dengan contoh kecil dulu. Semuanya berjalan di browser pada perangkat Anda sendiri, jadi apa pun yang Anda ketik atau tambahkan tidak diunggah, dan menutup tab menghapusnya. Jika ada yang tampak salah, muat ulang halaman dan coba lagi, atau pakai tautan laporan di halaman ini untuk memberi tahu kami apa yang salah agar bisa kami perbaiki. Jika hasil masih tampak salah, ubah satu nilai pada satu waktu untuk melihat kolom mana yang paling berpengaruh. Tandai halaman ini jika Anda akan membutuhkan alatnya lagi.
Fakta singkat
- Kategori: Gambar
- Berfungsi di browser Anda, tanpa daftar, tanpa unggah.
- Masukan Anda tetap di perangkat Anda.
- Tersedia dalam banyak bahasa.
- Konten terakhir ditinjau:
Pertanyaan yang sering diajukan
Apa itu CSS Clip-path?
The `clip-path` CSS property creates a clipping region that determines which parts of an element or image are visible.
Bentuk apa yang disertakan sebagai preset?
Preset termasuk segitiga, heksagon, bintang 5 titik, lencana diskon produk, chevron navigasi, dan topeng melingkar.
Bisakah aku memotret dan merekam video dengan ini?
Yes. Apply the generated clip-path CSS rule to any `<img>`, `<video>`, `<div>`, or card component in your stylesheet.
Apakah jalur klip mempengaruhi hitbox elemen yang dapat diklik?
Dalam browser modern, hanya area elemen yang terlihat dan tidak dipotong yang merespon peristiwa penggambaran pointer dan klik.