CSS Border Radius Generator

نیا

سادہ یا بیضوی فی کونے کے کنٹرول اور شیپ پری سیٹس کے ساتھ CSS border-radius بنائیں۔

ہمیشہ کے لیے مفت
رجسٹریشن ضروری نہیں
کوئی فائل سٹور نہیں

پری سیٹ

border-radius: 8px;

یہ ٹول ایمبیڈ کریں

اس ٹول کو iframe کے ذریعے اپنی ویب سائٹ یا بلاگ میں شامل کریں۔

<iframe src="https://dukotools.com/tools/border-radius-generator?embed=1" width="100%" height="600" frameborder="0" allow="clipboard-write" loading="lazy" title="border-radius-generator tool"></iframe>

About CSS Border Radius Generator

سی ایس ایس بارڈر ریڈیئس جنریٹر سادہ گول کونوں سے لے کر پیچیدہ 8-قدر بیضوی ریڈیائی تک کسی بھی شکل کے لیے درست بارڈر ریڈیئس سی ایس ایس تیار کرتا ہے۔ سادہ موڈ ایک ہی سلائیڈر کے ساتھ چاروں کونوں پر برابر رداس کا اطلاق کرتا ہے۔ ایڈوانسڈ موڈ ہر کونے کے لیے ایک لنک کارنر ٹوگل کے ساتھ آزاد سلائیڈرز دیتا ہے۔ بیضوی ریڈی ٹوگل سرحدی رداس میں چار اقدار کے دوسرے سیٹ کو کھولتا ہے - آزادانہ طور پر فی کونے میں X اور Y رداس۔ یہ غیر متناسب شکلوں کو قابل بناتا ہے جیسے آنسو کے قطرے، پتے، اور نامیاتی شکلیں۔ شکل کے پیش سیٹ کور: مربع، گول، گولی، دائرہ، گلہری، پتی، آنسو، اور چیٹ ببل۔ آؤٹ پٹ سب سے کمپیکٹ درست CSS شارٹ ہینڈ اور ٹیل ونڈ کے مساوی کلاس دکھاتا ہے۔

کلیدی خصوصیات

  • سادہ اور جدید موڈز

    سنگل سلائیڈر موڈ یا لنک کارنر ٹوگل کے ساتھ آزاد فی کونے والے سلائیڈرز۔

  • بیضوی ریڈی موڈ

    مکمل 8-قدر CSS شارٹ ہینڈ کے لیے X اور Y رداس فی کونے کو کھولتا ہے۔

  • ریئل ٹائم پیش نظارہ

    لائیو مستطیل پیش نظارہ جو موجودہ سرحدی رداس کو فوری طور پر لاگو کر رہا ہے۔

  • 8 شکل کے پیش سیٹ

    مربع، گول، گولی، دائرہ، گلہری، پتی، آنسو، اور چیٹ ببل پیش سیٹ۔

  • کومپیکٹ سی ایس ایس شارٹ ہینڈ

    بارڈر-ریڈیس کمپریشن رولز کا استعمال کرتے ہوئے سب سے زیادہ کمپیکٹ درست شارٹ ہینڈ تیار کرتا ہے۔

  • ٹیل ونڈ کے برابر

    قابل اطلاق ہونے پر Tailwind گول-* کلاس دکھاتا ہے۔

استعمال کرنے کا طریقہ

  1. 1

    سادہ یا اعلیٰ موڈ کا انتخاب کریں۔

    برابر کونوں کے لیے سادہ موڈ، فی کونے کے کنٹرول کے لیے ایڈوانسڈ موڈ۔

  2. 2

    سلائیڈرز کو ایڈجسٹ کریں۔

    کونے کے رداس کے سلائیڈرز کو گھسیٹیں اور حقیقی وقت میں پیش نظارہ شکل کی تازہ کاری دیکھیں۔

  3. 3

    بیضوی کو فعال کریں (اختیاری)

    نامیاتی شکلوں کے لیے آزاد X اور Y رداس فی کونے کے لیے بیضوی ریڈی کو ٹوگل کریں۔

  4. 4

    یا ایک پیش سیٹ لوڈ کریں۔

    کسی بھی شکل کے پیش سیٹ تھمب نیل کو اس کی کنفیگریشن لوڈ کرنے کے لیے کلک کریں۔

  5. 5

    سی ایس ایس کاپی کریں۔

    مکمل CSS اصول یا صرف سرحدی رداس کی قدر کاپی کریں۔

حقیقی دنیا کے استعمال کے معاملات

اوتار اسٹائلنگ

ایک ڈویلپر صارف کے اوتار کے اجزاء کے لیے بارڈر-ریڈیس: 50% پیدا کرنے کے لیے دائرہ پیش سیٹ کا استعمال کرتا ہے۔

اپنی مرضی کے اجزاء ڈیزائن

ایک ڈیزائنر فطرت پر مبنی لینڈنگ پیج کے لیے پتی کی شکل کا آرائشی عنصر بنانے کے لیے بیضوی وضع کا استعمال کرتا ہے۔

کارڈ کا جزو

ایک UI ڈویلپر اسٹیکڈ کارڈ ڈیزائن کے لیے بڑے اوپری کونوں اور نیچے کے چھوٹے کونوں کو لاگو کرنے کے لیے راؤنڈڈ پری سیٹ اور ایڈوانسڈ وضع کا استعمال کرتا ہے۔

اکثر پوچھے گئے سوالات

Related Free Tools