سازنده Border Radius
هر گوشه را با اسلایدرها گرد کنید، با حالت بیضوی اشکال ارگانیک بسازید و کد CSS را فوراً کپی کنید.
تمام گوشهها مستقیماً در مرورگر شما ترسیم میشوند. هیچیک از تنظیمات شما در BroBroGo آپلود نخواهد شد.
سوالات متداول
چهار گوشه و تفاوت px با % چگونه کار میکنند؟
چهار اسلایدر در جهت عقربههای ساعت به ترتیب برای گوشههای بالا-چپ، بالا-راست، پایین-راست و پایین-چپ تنظیم شدهاند. در واحد پیکسل، گوشه به یک میزان ثابت گرد میشود؛ در واحد درصد، گرد شدن نسبت به ابعاد باکس انجام میشود — درصد افقی از عرض و درصد عمودی از ارتفاع پیروی میکند، بنابراین ۵۰٪ یک مربع را به دایره تبدیل میکند.
حالت بیضوی (elliptical) چه کاری انجام میدهد؟
در حالت غیرفعال، هر گوشه یک ربع دایره با یک شعاع واحد است. با فعال کردن آن، هر گوشه یک شعاع افقی و عمودی مجزا دریافت میکند که به شما امکان میدهد اشکال نرم و ارگانیک شبیه به «قطره» (blob) بسازید. این ابزار فرمت دومقداریِ مایل (slash) را برای شما مینویسد و در صورت گرد شدن مجدد گوشهها، به فرمت کوتاه بازمیگردد.
چگونه یک دایره کامل یا دکمه کپسولی بسازم؟
گوشهها را به هم متصل کنید، واحد را به درصد تغییر دهید و روی ۵۰٪ بگذارید: یک مربع به دایره تبدیل میشود. برای دکمههای کپسولیشکل، واحد را روی پیکسل نگه دارید و یکی از گوشهها را به اندازهای بکشید که از نصف ارتفاع دکمه بیشتر شود — در این حالت، لبهها در هر عرضی کاملاً گرد باقی میمانند. پیشفرض Circle (دایره) این حالت را با یک کلیک برای شما آماده میکند.