Radius batas mengontrol kebulatan sudut elemen. Nilai radius yang berbeda menciptakan kesan desain yang berbeda: dari tajam dan profesional hingga lembut dan bersahabat.
Sesuaikan setiap sudut secara terpisah menggunakan penggeser. Pratinjau diperbarui secara real-time. Salin kode CSS untuk proyek Anda.
Frequently Asked Questions
Q: Bisakah saya mengatur radius berbeda untuk setiap sudut?
Bisakah saya mengatur radius berbeda untuk setiap sudut? Ya, gunakan format: border-radius: kiri atas kanan atas kanan bawah kiri bawah.
Q: Berapa radius batas terbaik untuk sebuah kartu?
Berapa radius batas terbaik untuk sebuah kartu? 12-16px adalah pilihan terbaik untuk kartu di sebagian besar desain modern.
Q: Nilai radius batas apa yang harus saya gunakan untuk elemen berbeda?
Nilai radius batas apa yang harus saya gunakan untuk elemen berbeda? Kartu biasanya menggunakan 8-16px, tombol 4-8px, modals 12-20px, dan avatar 50% untuk lingkaran. Gunakan nilai yang lebih besar pada elemen yang lebih besar untuk konsistensi proporsional.
Q: Bagaimana cara membuat tombol berbentuk pil?
Bagaimana cara membuat tombol berbentuk pil? Atur radius batas ke nilai yang sangat besar seperti 999px. Browser akan membatasinya hingga setengah tinggi elemen, secara otomatis membuat bentuk pil berapa pun ukuran tombolnya.
Q: Bisakah saya menerapkan radius berbeda pada setiap sudut?
Bisakah saya menerapkan radius berbeda pada setiap sudut? Ya, empat kontrol sudut individual memungkinkan Anda menetapkan nilai unik untuk kiri atas, kanan atas, kanan bawah, dan kiri bawah. Ini berguna untuk elemen desain terarah.