حبوب منع الحمل CSS / مولد شكل الملعب
تصميم نصف قطر حدود CSS بشكل مرئي: أربعة أشرطة تمرير زاوية مستقلة بالبكسل أو النسبة المئوية، واختصار ربط جميع الزوايا للدوائر والحبوب الفورية، بالإضافة إلى وضع النقطة العضوية بأشكال عشوائية.
النتيجة
تفتح هذه الصفحة منشئ نصف القطر الحدودي مع ربط جميع الزوايا الأربع ودفعها إلى نصف قطر كبير جدًا: 999 بكسل. في مستطيل نموذجي بحجم الزر، يتم قص نصف قطر كبير بواسطة المتصفح إلى نصف ارتفاع الصندوق بالضبط، وهو ما ينتج عنه شكل الحبة أو الاستاد المستدير بالكامل بدلاً من مربع بزوايا مستديرة قليلاً.
هذا هو السبب في أن أزرار الأقراص لا تحتاج إلى قيمة نصف قطر دقيقة مضبوطة على ارتفاع كل زر - أي رقم أكبر من نصف الارتفاع بشكل مريح يعطي النتيجة المقطوعة نفسها، ولهذا السبب أيضًا أصبح 999 بكسل (أو حتى 9999 بكسل) هو الاختصار غير الرسمي للمجتمع لـ "حول هذا على طول الطريق" في CSS.
قم بتغيير حجم المربع في التخطيط الخاص بك وسيستمر نفس 999 بكسل في إنتاج قرص كامل بأي ارتفاع، نظرًا لأن المتصفح يقوم دائمًا بالقص إلى نصف المربع تلقائيًا. انسخ ملف CSS عندما يبدو صحيحًا، أو قم بإلغاء ربط الزوايا لإنشاء كبسولة غير متماثلة بدلاً من ذلك.