الألوان والتصميم
مولد نصف قطر الحدود
مولد border-radius CSS مجاني. صمم نصف قطر كل زاوية بصرياً مع معاينة مباشرة. انسخ اختصار CSS. للأزرار، البطاقات وأي شكل مستدير.
Runs in your browser
Border radius generator
CSS
border-radius: 16px;css
ملاحظة المحرر
Understanding · The shape of a corner.
هذا الفصل المعمّق متاح حاليًا باللغة الإنجليزية فقط. أداة التحويل أعلاه تعمل بلغتك؛ أما المقال التفصيلي الطويل فلم تتم ترجمته بعد.
الأسئلة المتكررة
Quick answers.
›Can I make a circle?
Yes — set border-radius: 50% on a square element. Use the 'square element' preset.
›What's elliptical border-radius?
Each corner can have separate horizontal and vertical radii (e.g. 50% / 30%) for soft, organic 'blob' shapes.
›Does it output Tailwind?
For uniform radii, yes. Per-corner customisation needs custom CSS.
›Is the generator free?
Yes — fully free, no signup.
يبحث الأشخاص أيضًا عن
أدوات ذات صلة
More in this room.
- مولد التدرجاتتدرجات CSS الخطية والشعاعية والمخروطية.
- مولد الظل الصندوقيمحرر box-shadow CSS مرئي.
- محرر Cubic Bezierصمم منحنيات التسهيل CSS بصرياً.
- مولد رسوم CSS المتحركةبناء الإطارات الرئيسية بصريًا، ونسخ CSS الجاهز للصق.
- مولد فلاتر CSSمعاينة حية للضبابية والسطوع وتدوير الألوان والمزيد.
- مولد Glassmorphismبطاقات واجهة مستخدم زجاجية مثلجة مع backdrop-filter.