مولد CSS border-radius
مولّد border-radius في CSS بثمانية مقابض زوايا مستقلة وأشرطة تمرير ومعاينة حية للشكل المدور. انسخ شيفرة CSS الجاهزة لأي عنصر، مجانًا داخل المتصفح.
border-radius: 50% 50% 50% 50%;تضمين
آخر تحديث: 2026 · أداة مجانية عبر الإنترنت
ما هو مولد CSS border-radius؟
مولّد border-radius في CSS بثمانية مقابض زوايا مستقلة وأشرطة تمرير ومعاينة حية للشكل المدور. انسخ شيفرة CSS الجاهزة لأي عنصر، مجانًا داخل المتصفح.
كيفية الاستخدام
- 1ضبط الخيارات— اضبط النمط باستخدام أشرطة التمرير ومنتقي الألوان.
- 2التحقق من المعاينة— تحقق من النتيجة في المعاينة المباشرة.
- 3نسخ الكود— انسخ كود CSS أو SVG لاستخدامه في مشروعك.
أدوات ذات صلة
مولد ظل CSS box-shadowمولّد box-shadow في CSS بضوابط للإزاحة والتمويه والانتشار واللون وinset مع معاينة حية للظل. انسخ شيفرة CSS الجاهزة لأي عنصر، مجانًا داخل المتصفح.
مولد تدرج CSSمولد تدرجات CSS مرئي ومجاني عبر الإنترنت: صمم تدرجات خطية وشعاعية ومخروطية، وأضف نقاط ألوان متعددة، واضبط الزاوية، ثم انسخ كود CSS الجاهز لخلفيات موقعك.
مولد CSS Flexboxساحة تجريب CSS Flexbox بمحرر مرئي لـjustify-content وalign-items وflex-direction وwrap مع معاينة حية للتخطيط. تولّد شيفرة Flexbox جاهزة للنسخ، مجانًا داخل المتصفح.
مرجع وحدات CSSمرجع مجاني عبر الإنترنت لوحدات CSS مثل px وem وrem و% وvw وvh وvmin وvmax وch حسب الفئة، مع شرح واضح لمتى وكيفية استخدام كل وحدة مطلقة ونسبية في تصميمك.
الأسئلة الشائعة
هو أداة مجانية عبر الإنترنت لتحرير border-radius ذو 8 قيم بشكل مرئي.
نعم، يتم توفير إعدادات أنماط مستخدمة بشكل متكرر.
نعم، يمكنك نسخ كود CSS المُنشأ مباشرة.
لا. تتم جميع العمليات في المتصفح.
نعم، التصميم المتجاوب يعمل على الأجهزة المحمولة.