CSS بارڈر ریڈیئس جنریٹر
لائیو پیش منظر کے ساتھ CSS border-radius کو بصری طور پر بنائیں اور پروڈکشن کے لیے تیار کوڈ کاپی کریں۔
border-radius: —;
100% نجی — سب کچھ آپ کے براؤزر میں چلتا ہے۔ کچھ بھی اپ لوڈ نہیں ہوتا۔
CSS بارڈر ریڈیئس جنریٹر کے بارے میں
CSS بارڈر ریڈیئس جنریٹر ہلکے سے گول کارڈز سے لے کر نامیاتی blob اشکال تک ہر چیز بناتا ہے۔ پیش منظر پر براہِ راست کارنر ہینڈلز کو گھسیٹیں، یا ہر کونے کو عددی طور پر سیٹ کریں — بشمول مکمل آٹھ ویلیو والا سنٹیکس، جہاں ہر کونے کے الگ افقی اور عمودی ریڈیئس ہوتے ہیں۔ یہی دوسرا محور ہے جو انڈے، پتے، آنسو کی بوند اور blobs کو ممکن بناتا ہے۔
ایک link-corners ٹوگل تمام چار کونوں کو کلاسک یکساں گولائی کے لیے ہم آہنگ رکھتا ہے، جبکہ انہیں الگ کرنے سے ہر کونہ غیر متناسب اشکال کے لیے آزاد ہو جاتا ہے۔ بارہ پری سیٹس — rounded، pill، circle، squircle، دو blobs، leaf، egg، arch، teardrop، petal اور wave — دکھاتے ہیں کہ یہ خاصیت کیا کچھ کر سکتی ہے، اور ایک randomize بٹن مسلسل تازہ نامیاتی اشکال بناتا رہتا ہے۔
آپ یونٹ بدل سکتے ہیں، عنصر اور کینوس کو اپنے ڈیزائن سے میل کھانے کے لیے دوبارہ رنگ سکتے ہیں، اور خالی border-radius ویلیو یا مکمل CSS رول کاپی کر سکتے ہیں۔ یہ ٹول 100% کلائنٹ سائیڈ ہے — کچھ بھی اپ لوڈ نہیں ہوتا۔
CSS بارڈر ریڈیئس جنریٹر استعمال کرنے کا طریقہ
- پیش منظر پر کارنر ہینڈلز کو گھسیٹیں، یا ہر کونے کو الگ الگ ترمیم کرنے کے لیے "تمام کونے جوڑیں" بند کر دیں۔
- نامیاتی، blob جیسی اشکال کے لیے ہر کونے کا افقی اور عمودی ریڈیئس سیٹ کریں۔
- اپنا یونٹ منتخب کریں اور تناظر میں پیش منظر دیکھنے کے لیے عنصر اور پس منظر کے رنگ ایڈجسٹ کریں۔
- پری سیٹس آزمائیں — pill، squircle، blob، leaf، teardrop اور مزید — یا randomize دبائیں۔
- border-radius ویلیو یا مکمل CSS کاپی کریں۔