CSS & Design
CSS Border Radius Generator
Generate CSS border-radius with individual corner control and organic blob shapes.
Your files stay on your device - processed locally via WebAssembly, never uploaded
Corners
CSS
border-radius: 16px;
Shape Presets
🔒 All CSS generation happens in your browser. Nothing is sent anywhere.
Embed this tool on your website
Copy this code to add the CSS Border Radius Generator to your site for free. It runs entirely in your visitors' browsers - no API key, no usage limits.
<iframe src="https://optipix.art/embed/border-radius-generator" width="100%" height="600" style="border:1px solid #e4e4e7;border-radius:8px;" title="CSS Border Radius Generator by OptiPix" loading="lazy"></iframe> <p style="font-size:12px">Free tool by <a href="https://optipix.art/border-radius-generator">OptiPix CSS Border Radius Generator</a></p>
❤️ Love this tool? Support our team.
No ads, no tracking, no limits. Tips keep 104 tools free for everyone.
Secure payment via Stripe · No account needed
About CSS Border Radius Generator
Last updated: May 2026
Penjana Radius Sempadan CSS OptiPix membolehkan anda mereka bentuk bucu bulat secara visual. Kawal keempat-empat bucu bersama-sama atau secara individu (kiri-atas, kanan-atas, kanan-bawah, kiri-bawah). Pautkan atau nyahpautkan bucu - apabila dipautkan, semua bucu bergerak bersama. Dalam mod lanjutan, tetapkan jejari mendatar dan menegak bagi setiap bucu untuk sintaks CSS 8 nilai penuh yang mencipta bentuk blob organik. Pratonton radius sempadan pada kotak yang boleh disesuaikan dalam masa nyata. Pilih daripada pratetapan bentuk: Bulatan (50%), Pil (9999px), Squircle (~22% ikon aplikasi iOS), Blob Organik, bentuk Daun, dan bentuk Titisan. Salin CSS yang dijana. Sesuaikan saiz kotak pratonton, warna latar belakang, dan sempadan. Semuanya berjalan secara setempat dalam penyemak imbas anda.
How It Works
Alat ini membina rentetan radius sempadan CSS daripada nilai gelangsar. Dalam mod mudah, ia menjana 'border-radius: TL TR BR BL'. Dalam mod lanjutan, ia menjana sintaks 8 nilai penuh dengan jejari mendatar dan menegak yang diasingkan oleh garis condong.
Use Cases
- •Reka bentuk komponen UI yang dibulatkan untuk aplikasi web
- •Cipta bentuk blob organik untuk reka bentuk moden
- •Jana bentuk squircle gaya iOS untuk ikon aplikasi
- •Bina bentuk butang dan kad tersuai
- •Eksperimen dengan radius sempadan asimetri untuk susun atur yang unik
You Might Also Like
If you find CSS Border Radius Generator useful, check out these related tools: CSS Box Shadow Generator, CSS Gradient Generator, and Glassmorphism Generator. All tools run entirely in your browser with no uploads or signups required.
Explore more: Browse all tools · Step-by-step guides · Tips & tutorials · Compare tools
Frequently Asked Questions
Bolehkah saya mengawal setiap bucu secara bebas?
Apakah radius sempadan 8 nilai?
Apakah pratetapan bentuk yang tersedia?
Bolehkah saya menggunakan peratusan dan bukannya piksel?
Adakah sebarang data dihantar ke pelayan?
Related Tools
CSS Box Shadow Generator
Create CSS box shadows with visual controls, multiple layers, and Material Design presets.
CSS Gradient Generator
Create linear, radial, and conic CSS gradients with a visual editor and presets gallery.
Glassmorphism Generator
Create frosted glass CSS effects with backdrop blur, transparency, and customizable backgrounds.
Neumorphism Generator
Create soft UI / neumorphic CSS effects with light direction, shapes, and component presets.