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

Generator Bentuk Gumpalan CSS Organik

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 secara langsung dalam mode blob dengan bentuk organik yang sudah dimuat: tidak ada sudut persegi, tidak ada lingkaran sempurna, hanya garis luar tidak beraturan lembut yang dibuat dari CSS saja. Tekan Acak kapan saja untuk variasi baru.

Trik di balik setiap blob CSS adalah sintaks garis miring delapan nilai: border-radius menerima dua set empat persentase yang dipisahkan oleh garis miring, set pertama melengkungkan jari-jari horizontal dan set kedua melengkungkan jari-jari vertikal. Ketidakcocokan kedua set inilah yang merusak simetri persegi panjang bulat polos menjadi garis organik.

Gumpalan seperti ini mengisi ruang kosong di belakang gambar pahlawan, avatar, dan ilustrasi di laman landas modern yang tak terhitung jumlahnya, justru karena tidak diperlukan perpustakaan atau ekspor SVG — ini hanya empat baris CSS. Salin bentuk saat ini, atau terus acak hingga terasa cocok dengan tata letak Anda.

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