أفضل مجاني مولد نصف قطر الحدود CSS
تدوير زوايا العناصر بصريا - لكل زاوية أو مرتبطة، px/%/em - مع العرض المسبق الحي والنسخة.
مجاني 100 في المائة
لا يوجد
لا يوجد علامة مائية
الملفات المجهزة في الذاكرة، ولم تخزن أبدا
✨
Go Pro لأفضل نماذج الذكاء الاصطناعي - الصورة، والفيديو والدردشة - بالإضافة إلى تحميل أكبر، الأولوية في الصف ودون انتظار.
ترقية إلى Pro
الحب best.free? شاركها
كيف يعمل
- ضع الزاوية. اسحب كل مزلقة زاوية، أو إبقي ربط جميع الزوايا على لنقلهم معاً.
- شاهد العرض الأولي. يدور المربع الحي أثناء سحبك؛ تغير px، % أو em في الخيارات المتقدمة.
- نسخة من CSS. اضغط على نسخ CSS ولصق قاعدة الحد-النصف في ورقة أسلوبك.
عن هذه الأداة
تدوّر زوايا العنصر بالطريقة التي تريدها. اسحب مُسلّط لكل زاوية من الزوايا الأربع - أو ابقيها مرتبطة بحيث يتحرك مُسلّط واحد من الزوايا الأربع - بينما يظهر مربع مسبق للعرض النتائج. نسخ CSS للحدود- نصف قطر، الذي يتقلص إلى قيمة واحدة عندما تتطابق كل زاوية وتوسع إلى شكل القيمة الأربعة عندما تختلف. الخيارات المتقدمة تنقل الوحدة بين px، % و em، بحيث يمكنك بناء أشكال حبوب وكذلك التدوير على أساس النسبة المئوية.
ما الذي يستخدمه الناس
- بطاقات مستديرة، وزعانف وصور
- إنشاء قرص أو شكل مستدير كامل
- حدد نصف قطر مختلف على زوايا فردية
- استخدام تقريب النسب المئوية للدوائر والأشكال البيضوية
الأسئلة المتكررة
نعم. قم بإيقاف ربط جميع الزاوية وكل محرك انزلاق يتحكم في زاوية واحدة؛ ثم تستخدم CSS الشكل الأربعي القيم (أعلى اليسار، أعلى اليمين، أسفل اليمين، أسفل اليسار).
مع ذلك، سحب أي مزلقة تحرك جميع الأركان الأربعة معًا وCSS ينكمش إلى قيمة واحدة.
النسبة المئوية تقرب نسبياً لحجم المربع، لذا 50% على مربع يشكل دائرة ويتغير حجمها مع العنصر. البكسلات تعطي نصف قطر ثابت.
وضع نصف قطر كبير على جميع الزوايا؛ بالنسبة للحبوب الحقيقية، نصف قطر نصف ارتفاع العنصر - أو 50٪ - يجعل النهاية مستديرة تمامًا.
لا. تقوم المُصعدات بحساب سلسلة CSS محلياً في متصفحك.
مجاني تماما، لا حساب ولا حدود - أداة جانب العميل مع لا شيء لقياس.
نعم، فهو يعمل في متصفحك، لذا يعمل مولد CSS Border Radius Generator على الهواتف واللوحات اللوحية وكذلك على سطح المكتب - لا يوجد تطبيق لتثبيته.
عادةً ما يستغرق الأمر بضعة ثوانٍ فقط للملف النموذجي - يبدأ مولد CSS Border Radius Generator العمل في اللحظة التي تعطيه فيها مدخلاتك.
الاستخدام العرضي غير محدود، تحت سقف سخي للاستخدام العادل يجعله سريعاً للجميع.
جميع المتصفحات الحديثة - كروم، سافاري، فايرفوكس وإدج. CSS Border Radius Generator لا يحتاج إلى أي شيء منشأة خارج المتصفح الذي تستخدمه بالفعل.