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

Pil CSS / Penjana Bentuk Stadium

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 semua empat penjuru dipautkan dan ditolak ke jejari yang sangat besar: 999px. Pada segi empat tepat bersaiz butang biasa, jejari yang besar akan dipotong oleh penyemak imbas hingga tepat separuh ketinggian kotak, yang menghasilkan pil bulat sepenuhnya atau bentuk stadium dan bukannya segi empat sama dengan bucu sedikit bulat.

Inilah sebabnya mengapa butang pil tidak memerlukan nilai jejari tepat yang ditala pada ketinggian setiap butang — sebarang nombor yang selesa lebih besar daripada separuh ketinggian memberikan hasil terpotong yang sama, yang juga sebabnya 999px (atau 9999px) telah menjadi trengkas komuniti tidak formal untuk 'bulatkan ini sepanjang jalan' dalam CSS.

Ubah saiz kotak dalam reka letak anda sendiri dan 999px yang sama terus menghasilkan pil penuh pada mana-mana ketinggian, kerana penyemak imbas sentiasa klip ke separuh kotak secara automatik. Salin CSS sebaik sahaja ia kelihatan betul, atau nyahpaut sudut untuk membina kapsul asimetri sebaliknya.

🛡️
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.