منشئ CSS Border Radius
محرر border-radius مرئي مع ضوابط الزوايا ووضع الربط والإعدادات المسبقة ومخرجات CSS
حول منشئ CSS Border Radius
صمم قيم CSS border-radius بمحرر مرئي — اضبط كل زاوية بشكل مستقل واستخدم الإعدادات المسبقة وانسخ CSS.
كيفية استخدام منشئ CSS Border Radius
- 1اسحب أشرطة تمرير الزوايا أو أدخل قيماً دقيقة لكل زاوية.
- 2فعّل 'ربط جميع الزوايا' لضبط جميع الزوايا في آن واحد.
- 3اختر وحدة (بكسل أو %) للتحكم الدقيق.
- 4جرّب الإعدادات المسبقة مثل الكبسولة والدائرة والشكل العضوي للحصول على أشكال فورية.
- 5انسخ مخرجات CSS والصقها في ملف الأنماط.
نصائح
- القيم المئوية (50%) تنشئ دوائر مثالية على العناصر المربعة بغض النظر عن الحجم.
- إعداد الشكل العضوي يستخدم border-radius متقدم بـ 8 قيم لأشكال عضوية غير متماثلة.
- border-radius طفيف (4-8 بكسل) على البطاقات والأزرار يجعل واجهة المستخدم تبدو عصرية بدون تقريب مبالغ.
أدوات ذات صلة
فريق OneKitToolsتم التحديث 2.21.4