مولد نصف قطر الحدود
تصميم نصف قطر حدود CSS بشكل مرئي: أربعة أشرطة تمرير زاوية مستقلة بالبكسل أو النسبة المئوية، واختصار ربط جميع الزوايا للدوائر والحبوب الفورية، بالإضافة إلى وضع النقطة العضوية بأشكال عشوائية.
النتيجة
يمكن أن يستغرق إعلان نصف القطر الحدودي ما يصل إلى أربع قيم زاوية مستقلة بالإضافة إلى بناء جملة مائلة اختيارية مكونة من ثماني قيم للمنحنيات العضوية - أجزاء متحركة أكثر مما يدركه معظم الناس حتى يحتاجون إلى شيء يتجاوز البطاقة المستديرة البسيطة. يضع هذا المولد كل جزء من هذه الأجزاء على الشاشة: أربعة أشرطة تمرير زاوية مع وحدة البكسل أو النسبة المئوية الخاصة بها، واختصار ربط جميع الزوايا للأشكال المتماثلة، ووضع النقطة للأشكال التي لا يمكن لقيمة نصف قطر واحدة التعبير عنها.
يغطي وضع الزوايا الأشكال التي يصل إليها الأشخاص فعليًا: اربط كل زاوية بشريط تمرير واحد للحصول على دوائر وحبوب ودوائر مثالية، أو قم بإلغاء ربطها لتقريب الجزء العلوي فقط من اللوحة المنسدلة أو جانب واحد فقط من البطاقة. إن معاينة رقعة الشطرنج خلف الشكل، القابلة للتبديل بين الخلفية الفاتحة والداكنة، توضح تمامًا الزوايا التي يتم قصها في أي نصف قطر - تستخدم نفس أدوات ملفات الخدع المرئية على هذا الموقع لإظهار الشفافية.
وضع Blob هو النصف الآخر: يتيح بناء جملة الشرطة المائلة ذات القيم الثمانية في CSS اختلاف نصف القطر الأفقي والرأسي لكل زاوية، وهو ما يحول المستطيل المستدير إلى مخطط تفصيلي عضوي غير منتظم. اضغط على Randomize للحصول على شكل جديد في أي وقت وانسخ ملف CSS الدقيق خلفه - دون الحاجة إلى تصدير SVG أو مكتبة خارجية. تغطي الصفحات المعدة مسبقًا الطلبات التي يكتبها الأشخاص فعليًا في مربع البحث: دائرة مثالية، وزر حبوب منع الحمل على شكل استاد، ودائرة على شكل iOS، ونقطة عضوية جاهزة.
مثل كل أداة على هذا الموقع، يتم تشغيلها بالكامل في متصفحك: لا يوجد تحميل، ولا يوجد حساب، ويستمر المولد في العمل دون اتصال بمجرد تحميل الصفحة.