Toolipedia
ID
← Semua alat teks

Pembuat CSS clip-path

Seret titik untuk membuat poligon, lingkaran, dan bentuk, lalu salin CSS clip-path.

  • Gratis
  • Tanpa daftar
  • Bisa di perangkat apa pun

Tentang Pembuat CSS clip-path

Potong elemen menjadi segitiga, heksagon, panah, lingkaran, atau poligon kustom apa pun dengan menyeret titik pada pratinjau, lalu salin nilai clip-path. Koordinat berbasis persen menjaga bentuk tetap responsif. Ingat bahwa area yang dipotong masih ada, sehingga bayangan dan border ikut terpotong.

Cara menggunakan Pembuat CSS clip-path

  1. Pilih bentuk seperti poligon atau lingkaran.
  2. Seret titik pada pratinjau untuk membentuk ulang.
  3. Salin CSS clip-path dan terapkan ke elemen Anda.

Mengapa menggunakan alat ini?

Dikenal juga sebagai

Pertanyaan umum

Mengapa box-shadow saya terpotong dengan clip-path?

Clip-path memangkas semua yang di luar bentuk, termasuk bayangan. Taruh bayangan pada pembungkus induk, menggunakan filter: drop-shadow, agar mengikuti kontur yang terpotong.

Bisakah saya menganimasikan antara dua bentuk clip-path?

Ya, jika kedua bentuk memakai fungsi yang sama dengan jumlah titik yang sama. Browser lalu menggerakkan setiap titik dengan mulus selama transisi.

Apakah clip-path mengubah ruang yang dipakai elemen?

Tidak. Elemen mempertahankan kotak aslinya di tata letak dan hanya area yang terlihat yang dipotong. Klik di luar bentuk yang terlihat juga diabaikan.

Apakah Pembuat CSS clip-path gratis?

Ya. Pembuat CSS clip-path di Toolipedia gratis digunakan, tanpa daftar dan tanpa watermark.

Apakah aman digunakan?

Ya. Semuanya dihitung di browser Anda, dan tidak ada yang Anda masukkan yang dikirim ke server kami.

Apakah bisa di ponsel saya?

Ya. Alat ini bisa digunakan di browser modern mana pun di Android dan iPhone, juga di tablet dan komputer. Tidak perlu instal apa pun.

Apakah saya perlu akun?

Tidak. Cukup buka halaman dan gunakan alatnya. Tanpa daftar dan tanpa email.

Bisakah saya menaruh Pembuat CSS clip-path di situs web saya sendiri?

Ya. Gunakan tombol "Sematkan di situs Anda" di bawah alat untuk menyalin potongan kode singkat dan menempelkannya ke halaman Anda. Gratis, tanpa akun, dan alat tetap berfungsi di dalam halaman Anda.

Alat terkait