مولد نصف قطر الحدود
التحكم في كل زاوية بشكل مستقل ومعاينة الأشكال المستديرة. انسخ CSS المختصرة أو الطويلة لنصف قطر الحدود.
Border Radius Generator
LiveCSS output
border-radius: 24px;
Key capabilities
- تحكم في كل زاوية بشكل مستقل وقم بمعاينة الأشكال المستديرة باستخدام CSS الجاهز للنسخ.
- يعمل في المتصفح الخاص بك
- مجاني للاستخدام
كيفية الاستخدام
- اسحب نصف قطر كل زاوية.
- فتح الزوايا المرتبطة بشكل اختياري.
- انسخ ملف CSS لنصف القطر الحدودي.
How this tool works
- اسحب نصف قطر كل زاوية.
- فتح الزوايا المرتبطة بشكل اختياري.
- انسخ ملف CSS لنصف القطر الحدودي.
Recommended settings
- استخدم الخيارات الافتراضية أولاً، ثم اضبطها إذا لزم الأمر
Supported formats
Text / on-page input
File size and limits
- قد تبدو المعاينات المعقدة للغاية ومتعددة الطبقات أبطأ على الهواتف القديمة.
Privacy
تعمل مولدات الألوان وCSS بالكامل في متصفحك. لا تقوم المعاينات والتحويلات أبدًا بتحميل أنماطك.
Common use cases
- استخدم Border Radius Generator متى شئت: تحكم في كل زاوية بشكل مستقل وقم بمعاينة الأشكال المستديرة باستخدام CSS الجاهز للنسخ.
Troubleshooting
تبدو المعاينة مختلفة بعد اللصق
تحقق من وجود CSS منافس على صفحتك (إعادة التعيين، الألوان الموروثة). انسخ القاعدة التي تم إنشاؤها إلى ورقة أنماط معزولة أولاً.
الأسئلة الشائعة
هل يؤدي هذا إلى تحميل CSS الخاص بي؟
لا. يتم تشغيل المولدات والمحولات في متصفحك من خلال المعاينة المباشرة.
هل أحتاج إلى حساب؟
لا، افتح الأداة، وقم بتعديل عناصر التحكم، وانسخ ملف CSS.
أدوات ذات صلة
Box Shadow Generator
Design layered box-shadows with offset, blur, spread, and color — live preview included.
Open toolCSS Clip Path Generator
Build polygon and shape clip-paths with an interactive preview.
Open toolCSS Gradient Generator
Build linear, radial, and conic gradients with live preview and copy-ready CSS.
Open tool