⭐ 0
🔍
Teks Gambar PDF & Dokumen Audio Musik Elektronika Waktu Utilitas Validator Esoterik Game

Pil CSS / Generator Bentuk Stadion

Rancang radius batas CSS secara visual: empat penggeser sudut independen dalam piksel atau persen, pintasan tautan semua sudut untuk lingkaran dan pil instan, ditambah mode gumpalan organik dengan bentuk acak.

12px
12px
12px
12px
Memproses... 0%

Hasil

Halaman ini membuka generator radius batas dengan keempat sudut terhubung dan didorong ke radius yang sangat besar: 999px. Pada persegi panjang berukuran tombol pada umumnya, radius sebesar itu akan terpotong oleh browser hingga tepat setengah tinggi kotak, sehingga menghasilkan bentuk pil atau stadion yang sepenuhnya membulat, bukan persegi dengan sudut agak membulat.

Inilah sebabnya mengapa tombol pil tidak memerlukan nilai radius yang tepat yang disesuaikan dengan tinggi masing-masing tombol — angka apa pun yang lebih besar dari setengah tingginya akan memberikan hasil potongan yang sama, itulah sebabnya 999px (atau bahkan 9999px) telah menjadi singkatan komunitas informal untuk 'bulatkan ini sepanjang jalan' dalam CSS.

Ubah ukuran kotak sesuai tata letak Anda sendiri dan 999 piksel yang sama akan terus menghasilkan pil penuh pada ketinggian berapa pun, karena browser selalu memotong setengah kotak secara otomatis. Salin CSS setelah terlihat benar, atau putuskan tautan sudutnya untuk membuat kapsul asimetris.

🛡️
Dieksekusi di Browser

File dan masukan Anda tidak pernah keluar dari perangkat ini. Pemrosesan berjalan sepenuhnya offline. 100% Aman.

Format & Aturan yang Diterima

  • Mode sudut: penggeser radius kiri atas, kanan atas, kanan bawah, dan kiri bawah yang independen, masing-masing dapat dialihkan antara satuan piksel dan persen.
  • Kotak centang tautkan semua sudut yang mengarahkan setiap sudut dari satu penggeser, ditambah pratinjau kotak-kotak pada latar belakang terang atau gelap sehingga sudut yang terpotong tetap terlihat.
  • Mode gumpalan dengan tombol Acak yang membentuk bentuk sintaksis garis miring delapan nilai organik, ditampilkan besar dan siap disalin sebagai CSS.

Manfaat Utama

✓ Setiap penggeser memperbarui pratinjau langsung dan baris CSS secara instan, jadi Anda tidak perlu menebak seperti apa sebenarnya tampilan 12px 40% 8px 24%.
✓ Pintasan tautan-semua-sudut mengubah satu penggeser menjadi lingkaran, pil, atau tupai sempurna tanpa menyentuh tiga sudut lainnya dengan tangan.
✓ Mode blob menghasilkan bentuk acak organik dengan sintaks garis miring delapan nilai CSS — tampilan yang tidak akan pernah dapat dihasilkan oleh nilai radius batas tunggal.

Kasus Penggunaan

  • • Putar empat jari-jari sudut kartu secara terpisah — bulatkan hanya bagian atas panel tarik-turun atau hanya satu sisi tab.
  • • Tautkan keempat sudut ke satu penggeser untuk membuat lingkaran sempurna, tombol pil berbentuk stadion, atau tupai bergaya iOS dalam hitungan detik.
  • • Beralih ke mode blob dan tekan Acak hingga bentuk organik sesuai dengan ruang kosong di belakang gambar pahlawan atau avatar, lalu salin CSS.