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

Penjana Squircle CSS — Dataran Bulat

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 pada 30%, pembulatan sederhana yang terletak di antara segi empat sama tajam dan bulatan penuh. Ia bukan tupai matematik yang sebenar (superellipse), tetapi ia adalah yang paling hampir boleh diperolehi oleh satu sifat CSS, dan ia adalah nilai yang dicapai oleh kebanyakan sistem reka bentuk apabila mereka mahukan rupa itu.

Nama itu berasal daripada ikon aplikasi segi empat sama bulat yang dipopularkan oleh iOS: lengkungan yang cukup pada setiap sudut untuk berasa lembut dan mesra, tetapi tidak sekali-kali sehingga bentuknya berbunyi bulat. Jubin ikon, lakaran kecil kad dan bingkai avatar moden semuanya bersandar pada jejari dalam julat kasar yang sama untuk sebab itu.

Dorong peluncur terpaut ke atas untuk rasa yang lebih lembut, lebih bulat atau ke bawah untuk yang lebih tajam dan lebih segi empat sama — baris CSS dikemas kini dengan setiap perubahan, bersedia untuk menyalin sebaik sahaja lengkung itu sesuai untuk ikon atau kad anda.

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