Konverter warna
Konversi HEX, RGB, dan HSL beserta transparansi, lihat contoh warna, dan salin nilai CSS.
Pembuat clip-path poligon CSS
Bentuk potongan poligon dengan menyeret titik atau mengisi koordinat, lalu ekspor CSS sesuai pratinjau.
Geser titik atau gunakan tombol panah. Tahan Shift untuk langkah lebih besar. Koordinat juga dapat diketik langsung.
CSS
Tentang alat ini
Rancang panel diagonal atau lencana geometris tanpa membuat mask gambar.
Cara menggunakan
Mulai dari segitiga, belah ketupat, segi enam atau bentuk lain. Geser titik, ubah persentase X/Y, lalu tambah atau hapus titik sesuai kebutuhan. Fokuskan titik dengan Tab dan gunakan tombol panah; tahan Shift untuk langkah lebih besar.
Poligon mendukung 3–32 titik dengan koordinat 0–100%. Titik disambung sesuai urutan daftar dan bentuk ditutup. Salin atau unduh clip-path: polygon(...) yang sama dengan pratinjau. Alat tidak membuat jalur lengkung atau berkas gambar hasil potongan.
Pertanyaan umum
Apakah kurva dan titik di luar kotak didukung?
Editor menerima 3–32 titik dengan koordinat 0%–100%. Kurva dan titik di luar batas tersebut tidak didukung.
Mengapa poligon terpotong aneh setelah titik digeser?
Titik dihubungkan menurut urutan daftar, lalu titik terakhir disambungkan kembali ke titik pertama. Menggeser titik melewati sisi lain dapat membuat garis berpotongan. Mulai dari preset dan jaga urutan titik mengikuti tepi bentuk; titik yang tidak diperlukan boleh dihapus selama tersisa minimal tiga.
Alat terkait
Dibuka di tab baru
Komentar
0