مولّد حواف CSS المستديرة
صمّم خاصية border-radius في CSS بصرياً — تحكم في الزوايا الأربع فردياً أو معاً. شاهد معاينة مباشرة للنتيجة وانسخ الشفرة.
الميزات
طريقة الاستخدام
1. اسحب شريط نصف القطر — البطاقة المحايدة تعاين الزوايا بالحجم الحقيقي.
2. بدّل إلى «لكل زاوية» لضبط كل زاوية على حدة.
3. انسخ CSS — يَستخدم أقصر صيغة صحيحة.
حول هذه الأداة
الزوايا المستديرة سطر واحد من CSS، لكن ضبط القيمة أسهل عندما تراها. يعرض هذا المولّد خاصية border-radius على بطاقة محايدة بحجمها الحقيقي بينما تسحب منزلقًا واحدًا أو تشكّل كل زاوية على حدة. ثم يكتب أقصر تعريف صالح: قيمة واحدة عندما تتطابق الزوايا كلها، وقيمتين أو ثلاثًا أو أربعًا عندما تختلف، بالترتيب: أعلى اليسار، أعلى اليمين، أسفل اليمين، أسفل اليسار. تناسب الأنصاف الصغيرة من 4 إلى 8 بكسل الأزرار وحقول الإدخال، ويمنح نطاق 12–24 بكسل البطاقات مظهرًا ودودًا، بينما تحوّل القيم الكبيرة جدًا العناصر القصيرة إلى أشكال حبوب. بدّل خلفية المسرح لترى كيف يبدو الشكل على الأسطح الفاتحة والداكنة قبل نسخ CSS إلى ورقة الأنماط.