⬭ Penghasil Border-Radius CSS
Buat nilai CSS border-radius yang presisi dalam detik — tanpa akun, tanpa instalasi, tidak ada data yang dikirim ke server. Tarik slider untuk setiap sudut, klik Blob Randomize untuk bentuk organik, lalu salin CSS yang selesai langsung ke stylesheet Anda.
Atur jari-jari horizontal (x) dan vertikal (y) secara independen per sudut.
Privat sejak awal. Alat ini berjalan sepenuhnya di browser Anda — tidak ada yang Anda masukkan diunggah atau disimpan, dan bisa dipakai offline.
Tentang
Generator CSS Border-Radius ini memberi Anda tiga mode pengeditan dalam satu alat gratis yang dapat digunakan offline: Mode Sederhana menyesuaikan semua empat sudut sekaligus, Mode Per-Sudut memungkinkan Anda menyetel setiap sudut secara independen, dan Mode Elips membuka radius horizontal dan vertikal terpisah untuk setiap sudut — kekuatan penuh dari sintaksis singkat CSS border-radius. Diagram sudut SVG langsung mencerminkan setiap perubahan secara real-time, dan tombol Blob Randomize menggunakan algoritma acak kriptografi untuk menghasilkan bentuk blob organik yang populer dalam desain UI modern. Karena segalanya berjalan di browser Anda, desain Anda tetap pribadi dan alat ini berfungsi bahkan tanpa koneksi internet.
Cara pakai
- Pilih mode — Sederhana (semua sudut), Per-Sudut, atau Elips (radius x/y terpisah) — menggunakan tombol di bagian atas panel kontrol.
- Tarik slider atau ketik nilai langsung ke dalam input angka untuk menetapkan radius untuk setiap sudut. Tampilan pratinjau langsung dan diagram SVG diperbarui secara instan.
- Klik Blob Randomize untuk menghasilkan bentuk blob organik acak menggunakan radius elips independen — hebat untuk elemen UI dekoratif dan latar belakang hero.
- Lihat ulang kode CSS singkat yang dihasilkan di kotak output — alat ini secara otomatis menerapkan sintaksis valid terpendek (misalnya, menggabungkan nilai yang identik).
- Klik Salin CSS untuk menyalin kode ke clipboard Anda, lalu tempelkan langsung ke stylesheet atau alat desain Anda.
FAQ
- Apakah Generator CSS Border-Radius ini sepenuhnya gratis?
- Ya, 100% gratis tanpa akun, tanpa langganan, dan tanpa batas tersembunyi. Buka halaman dan mulailah menghasilkan CSS border-radius segera.
- Apakah alat ini berfungsi offline atau tanpa koneksi internet?
- Ya. Alat ini berjalan sepenuhnya di browser Anda tanpa panggilan server. Setelah halaman dimuat, Anda dapat memutus koneksi internet dan alat ini tetap berfungsi. Pengaturan terakhir Anda juga disimpan secara lokal di browser Anda.
- Apakah data desain saya tetap pribadi?
- Tentu. Tidak ada data yang pernah meninggalkan browser Anda — tidak ada unggah, tidak ada analitik input Anda, dan tidak ada penyimpanan server. Segalanya tetap di perangkat Anda.
- Apa yang dilakukan Mode Elips?
- Mode Elips memungkinkan Anda menetapkan radius horizontal (x) dan vertikal (y) terpisah untuk setiap dari empat sudut, menghasilkan sintaksis singkat CSS border-radius penuh dengan notasi garis — contohnya, border-radius: 40% 20% / 20% 40%. Ini membuka bentuk asimetris dan telur yang tidak dapat dibuat oleh Mode Sederhana dan Mode Per-Sudut.
- Apa tujuan tombol Blob Randomize?
- Blob Randomize menggunakan algoritma acak kriptografi untuk menghasilkan bentuk organik dan tidak teratur dengan menetapkan radius elips acak ke semua kombinasi sumbu sudut delapan. Ini ideal untuk membuat bentuk blob cair yang umum dalam halaman landing modern, avatar, dan latar belakang dekoratif — hanya dengan satu klik.
- Apakah alat ini mengunggah data saya?
- Tidak. Semuanya berjalan langsung di browser Anda, jadi data Anda tidak pernah meninggalkan perangkat — bahkan tetap bisa dipakai offline setelah halaman dimuat.