Generator Border Radius CSS
Generator Border Radius CSS online gratis. Visualisasikan dan buat kode border-radius untuk keempat sudut. Mendukung satuan px dan %.
Buat nilai CSS border-radius secara visual dengan pratinjau real-time. Buat sudut membulat dan bentuk organik untuk tombol, kartu, dan komponen UI.
Generator Border Radius CSS
Generator Border Radius CSS online gratis. Visualisasikan dan buat kode border-radius untuk keempat sudut. Mendukung satuan px dan %.
Tentang alat ini
Buat nilai CSS border-radius secara visual dengan pratinjau real-time. Buat sudut membulat dan bentuk organik untuk tombol, kartu, dan komponen UI.
Pengaturan Radius
Properti Kotak
Warna Latar Belakang
Warna Kotak
Pengaturan Radius
px
Kiri Atas (10px)
Kanan Atas (10px)
Kanan Bawah (10px)
Kiri Bawah (10px)
Output muncul di sini ...
Pratinjau
Kode CSS
Pengaturan Radius
Properti Kotak
Warna Latar Belakang
Warna Kotak
Pengaturan Radius
px
Kiri Atas (10px)
Kanan Atas (10px)
Kanan Bawah (10px)
Kiri Bawah (10px)
FAQ
Pertanyaan dan jawaban umum tentang topik ini.
Bisakah saya mengatur radius berbeda untuk setiap sudut?
Ya, sesuaikan setiap sudut secara independen — kiri atas, kanan atas, kanan bawah, dan kiri bawah — atau atur semua sudut sekaligus menggunakan kontrol 'Semua Sudut'.
Satuan apa yang didukung?
Baik piksel (px) maupun persentase (%) didukung. Gunakan persentase untuk membuat bentuk responsif seperti lingkaran (50%) atau bentuk pil.
Bisakah saya membuat bentuk lingkaran atau pil?
Ya, atur semua sudut ke 50% untuk lingkaran sempurna pada elemen persegi, atau gunakan nilai piksel besar untuk bentuk pil/kapsul pada elemen persegi panjang.
Apakah data saya dikirim ke server mana pun?
Tidak, pembuatan CSS border-radius ditangani sepenuhnya di browser Anda. Nilai radius Anda diproses secara lokal — tidak ada data yang diunggah.