Border Radius جنریٹر

سلائیڈرز کے ساتھ ہر کونے کو گول کریں، بیضوی موڈ کے ساتھ نامیاتی blobs بنائیں، اور CSS کو فوراً کاپی کریں۔

پری سیٹس
کونے
تمام کونے
24px
CSS
کونوں کو گول کرنے کے لیے سلائیڈرز کو ڈریگ کریں۔

ہر کونا براہ راست آپ کے براؤزر میں تیار کیا جاتا ہے۔ آپ کی سیٹ کی ہوئی کوئی بھی چیز BroBroGo پر اپ لوڈ نہیں کی جاتی۔

عمومی سوالات

چاروں کونے اور px بمقابلہ % کیسے کام کرتے ہیں؟

چاروں سلائیڈرز گھڑی کی سمت میں اوپر بائیں، اوپر دائیں، نیچے دائیں اور نیچے بائیں کونوں پر لاگو ہوتے ہیں۔ پکسلز (px) میں کونا ایک مقررہ حد تک گول ہوتا ہے؛ فیصد (%) میں یہ باکس کے تناسب سے گول ہوتا ہے — افقی فیصد چوڑائی کے مطابق اور عمودی فیصد اونچائی کے مطابق کام کرتا ہے، اس لیے 50% ایک چوکور کو دائرے میں بدل دیتا ہے۔

بیضوی (elliptical) موڈ کیا کرتا ہے؟

آف ہونے پر، ہر کونا ایک ہی رداس (radius) کے ساتھ دائرے کا چوتھائی حصہ ہوتا ہے۔ اسے آن کریں تو ہر کونے کو الگ افقی اور عمودی رداس مل جاتا ہے، جس کی مدد سے آپ نرم، نامیاتی "blob" شکلیں بنا سکتے ہیں۔ جنریٹر آپ کے لیے دو ویلیوز والی سلیش فارم لکھتا ہے اور کونے دوبارہ گول ہونے پر خود بخود مختصر فارم پر واپس آ جاتا ہے۔

میں ایک بہترین دائرہ یا گولی نما (pill) شکل کیسے بناؤں؟

کونوں کو آپس میں لنک کریں، فیصد (%) پر سوئچ کریں اور اسے 50% پر سیٹ کریں: ایک چوکور دائرہ بن جائے گا۔ گولی نما (pill-shaped) بٹن کے لیے، پکسلز (px) کو برقرار رکھیں اور کسی ایک کونے کو بٹن کی آدھی اونچائی سے آگے تک کھینچیں — چوڑائی کچھ بھی ہو، اطراف مکمل طور پر گول رہیں گے۔ Circle کا پری سیٹ ایک کلک میں پہلا طریقہ سیٹ کر دیتا ہے۔