هل يمكنني إنشاء دائرة؟

نعم — اضبط border-radius: 50% على عنصر مربع. استخدم الإعداد المسبق "square element".

ما هو نصف قطر الحدود الإهليلجي؟

يمكن أن يحتوي كل ركن على أنصاف أقطار أفقية وعمودية منفصلة (على سبيل المثال 50% / 30%) لأشكال "blob" ناعمة وعضوية.

بالنسبة لأنصاف الأقطار الموحدة، نعم. التخصيص لكل ركن يتطلب CSS مخصصًا (custom CSS).

نعم — مجاني بالكامل، لا يتطلب التسجيل.

الألوان والتصميم

مولد border-radius CSS مجاني. صمم نصف قطر كل زاوية بصرياً مع معاينة مباشرة. انسخ اختصار CSS. للأزرار، البطاقات وأي شكل مستدير.

Runs in your browser

Top left16px

Top right16px

Bottom left16px

Bottom right16px

border-radius: 16px;

ملاحظة المحرر

هذا الفصل المعمّق متاح حاليًا باللغة الإنجليزية فقط. أداة التحويل أعلاه تعمل بلغتك؛ أما المقال التفصيلي الطويل فلم تتم ترجمته بعد.

الأسئلة المتكررة

›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.

أدوات ذات صلة