⭐ 0
🔍
Teks Imej PDF & Dokumen Audio Muzik elektronik Masa Utiliti Pengesah Esoterik Permainan

Penjana Bulatan CSS — 50% Jejari Sempadan

Reka bentuk jejari sempadan CSS secara visual: empat peluncur sudut bebas dalam px atau peratus, pintasan pautan semua sudut untuk bulatan segera dan pil, serta mod gumpalan organik dengan bentuk rawak.

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

Hasilnya

Halaman ini membuka penjana jejari sempadan dengan keempat-empat penjuru dipautkan dan ditetapkan kepada 50%, nilai yang menjadikan kotak menjadi bulatan menggunakan CSS sahaja. Secara jujur: pada kotak persegi ini menjadikan bulatan sempurna, tetapi pada kotak segi empat tepat 50% yang sama menghasilkan elips seperti stadium, kerana setiap sudut hanya membundarkan sukunya sendiri.

Perbezaan itu penting kerana 50% jejari sempadan ialah satu-satunya cara paling biasa untuk membina avatar bulat, lencana ikon dan titik status dalam CSS — jauh lebih mudah daripada memotong bulatan dengan topeng atau melukis satu dalam SVG, dan ia kekal segar pada sebarang saiz kerana ia adalah peratusan relatif, bukan jejari piksel tetap.

Tukar kotak kepada saiz segi empat sama tetap dalam CSS anda sendiri untuk mengunci dalam bulatan yang sempurna, atau biarkan ia segi empat tepat dengan sengaja untuk bentuk seperti pil — sama ada cara, sudut kekal dipautkan di sini supaya peluncur tunggal memastikan keempat-empatnya disegerakkan semasa anda menyalin CSS yang terhasil.

🛡️
Dilaksanakan dalam Pelayar

Fail dan input anda tidak pernah meninggalkan peranti ini. Pemprosesan berjalan sepenuhnya di luar talian. 100% Selamat.

Format & Peraturan yang Diterima

  • Mod penjuru: peluncur jejari atas-kiri, atas-kanan, bawah-kanan dan kiri bawah bebas, setiap satu boleh ditukar antara unit px dan peratus.
  • Kotak semak pautan-semua-sudut yang memacu setiap sudut daripada satu peluncur, serta pratonton papan dam pada tirai latar yang terang atau gelap supaya sudut yang dipotong kekal kelihatan.
  • Mod blob dengan butang Rawak yang membina bentuk sintaks slash lapan nilai organik, ditunjukkan besar dan sedia untuk disalin sebagai CSS.

Faedah Utama

✓ Setiap peluncur mengemas kini pratonton langsung dan baris CSS serta-merta, jadi anda tidak perlu meneka rupa 12px 40% 8px 24% sebenarnya.
✓ Pintasan pautan-semua-sudut menukar satu peluncur menjadi bulatan, pil atau tupai yang sempurna tanpa menyentuh tiga sudut yang lain dengan tangan.
✓ Mod blob menjana bentuk organik dan rawak dengan sintaks slash lapan nilai CSS — rupa yang tidak boleh dihasilkan oleh nilai jejari sempadan tunggal.

Kes Penggunaan

  • • Dail dalam jejari empat penjuru kad secara berasingan — bulatkan hanya bahagian atas panel lungsur turun atau hanya satu sisi tab.
  • • Pautkan semua empat penjuru ke satu gelangsar untuk membina bulatan sempurna, butang pil berbentuk stadium atau tupai gaya iOS dalam beberapa saat.
  • • Tukar kepada mod gumpalan dan tekan Rawak sehingga bentuk organik sesuai dengan ruang kosong di belakang imej wira atau avatar, kemudian salin CSS.