OneKitTools logoOneKitTools

منشئ CSS Border Radius

محرر border-radius مرئي مع ضوابط الزوايا ووضع الربط والإعدادات المسبقة ومخرجات CSS

حول منشئ CSS Border Radius

صمم قيم CSS border-radius بمحرر مرئي — اضبط كل زاوية بشكل مستقل واستخدم الإعدادات المسبقة وانسخ CSS.

كيفية استخدام منشئ CSS Border Radius

  1. 1اسحب أشرطة تمرير الزوايا أو أدخل قيماً دقيقة لكل زاوية.
  2. 2فعّل 'ربط جميع الزوايا' لضبط جميع الزوايا في آن واحد.
  3. 3اختر وحدة (بكسل أو %) للتحكم الدقيق.
  4. 4جرّب الإعدادات المسبقة مثل الكبسولة والدائرة والشكل العضوي للحصول على أشكال فورية.
  5. 5انسخ مخرجات CSS والصقها في ملف الأنماط.

نصائح

  • القيم المئوية (50%) تنشئ دوائر مثالية على العناصر المربعة بغض النظر عن الحجم.
  • إعداد الشكل العضوي يستخدم border-radius متقدم بـ 8 قيم لأشكال عضوية غير متماثلة.
  • border-radius طفيف (4-8 بكسل) على البطاقات والأزرار يجعل واجهة المستخدم تبدو عصرية بدون تقريب مبالغ.

أدوات ذات صلة

فريق OneKitToolsتم التحديث 2.21.4