مولّد تدوير الزوايا
دوّر كل زاوية باستخدام أشرطة التمرير، وأنشئ أشكالًا فقاعية عضوية بالوضع البيضاوي، وانسخ CSS فورًا.
يتم رسم كل زاوية مباشرة في متصفحك. لا يتم تحميل أي شيء قمت بتعيينه هنا على BroBroGo.
الأسئلة الشائعة
كيف تعمل الزوايا الأربع وpx مقابل %؟
ترتبط أشرطة التمرير الأربعة، باتجاه عقارب الساعة، بالزوايا العلوية اليسرى ثم العلوية اليمنى ثم السفلية اليمنى ثم السفلية اليسرى. بوحدة px، تُدوّر الزاوية بمقدار ثابت؛ وبالنسبة المئوية، يكون التدوير نسبةً إلى الصندوق — إذ تتبع النسبة الأفقية العرض وتتبع النسبة الرأسية الارتفاع، ولذلك تحوّل نسبة 50% المربع إلى دائرة.
ماذا يفعل الوضع البيضاوي؟
عند إيقاف الوضع البيضاوي، تكون كل زاوية ربع دائرة بنصف قطر واحد. وعند تشغيله، تحصل كل زاوية على نصف قطر أفقي وآخر رأسي مستقل، ما يتيح لك إنشاء أشكال عضوية ناعمة تشبه الفقاعات. يكتب المولّد الصيغة ذات القيمتين المفصولتين بشرطة مائلة، ثم يعود إلى الصيغة المختصرة بمجرد جعل الزوايا دائرية مجددًا.
كيف أقوم بعمل دائرة أو حبة مثالية؟
اربط الزوايا، ثم اختر النسبة المئوية واضبطها على 50% ليتحول المربع إلى دائرة. ولإنشاء زر بشكل كبسولة، أبقِ الوحدة بالبكسل واسحب قيمة الزاوية إلى أكثر من نصف ارتفاع الزر؛ فستظل الجوانب مستديرة بالكامل مهما كان عرضه. يضبط إعداد «دائرة» الحالة الأولى بنقرة واحدة.