CSS Border Radius Generator — Visual Corner Editor
Design CSS border-radius with independent control for each corner. Live preview, presets, and instant CSS code output.
12px
12px
12px
12px
#3b82f6
CSS Output
border-radius: 12px;
ให้คะแนนเครื่องมือนี้
3.6 / 5 · 204 คะแนน
เครื่องมือเพิ่มเติม
🔲Box Shadow Generator🌈CSS Gradient Generator📐Flexbox Generator{ }ตัวย่อ / ทำให้สวย CSSRecommended
Tailwind UIBeautiful UI componentsอัปเดตข่าวสาร
รับเคล็ดลับการพัฒนาและเครื่องมือใหม่ทุกสัปดาห์
ไม่มีสแปม ยกเลิกได้ตลอดเวลา
Enjoy these free tools?
☕Buy Me a CoffeeHow to Use
- Adjust sliders for each corner
- Toggle link mode to sync all corners
- Choose your preferred unit (px, %, em)
- Preview the shape in real-time
- Copy the CSS code
Use Cases
- Rounding card corners
- Creating pill-shaped buttons
- Making circular avatars
- Designing organic blob shapes