رایگان، بدون نیاز به حساب
CSS
هر گوشه را به طور مستقل شکل دهید، از جمله شعاع های افقی و عمودی بیضی شکل. نتیجه را پیش نمایش کنید و CSS فشرده را کپی کنید.
چگونه مقادیر CSS border-radius را ایجاد کنم؟
پیکسل ها یا درصدها را انتخاب کنید، شعاع افقی و عمودی را برای هر گوشه تنظیم کنید، سپس اعلان border-radius ایجاد شده را کپی کنید. CSS ممکن است شعاع های همپوشانی را به تناسب عنصر عادی کند.
پرسش‌های متداول
چگونه مقادیر CSS border-radius را ایجاد کنم؟
پیکسل ها یا درصدها را انتخاب کنید، شعاع افقی و عمودی را برای هر گوشه تنظیم کنید، سپس اعلان border-radius ایجاد شده را کپی کنید. CSS ممکن است شعاع های همپوشانی را به تناسب عنصر عادی کند.
آیا CSS یا طرح من آپلود شده است؟
نه. پیش نمایش و CSS در این برگه مرورگر ایجاد می شوند. هیچ آپلود، حساب، تماس API یا ذخیره خودکار وجود ندارد.
آیا هر گوشه می تواند شعاع متفاوتی داشته باشد؟
بله. یک مقدار افقی و عمودی جداگانه برای گوشه های بالا-چپ، بالا-راست، پایین-راست و پایین-چپ تنظیم کنید.
اسلش در border-radius به چه معناست؟
شعاع های افقی را از شعاع عمودی جدا می کند و گوشه های بیضی شکل ایجاد می کند. اگر هر گوشه از مقدار افقی و عمودی یکسان استفاده کند، مولد اسلش را حذف می کند.
چرا ممکن است پیش نمایش کوچکتر از مقادیر به نظر برسد؟
CSS به طور متناسب شعاع هایی را که در یک لبه همپوشانی دارند عادی می کند. این رفتار استاندارد مرورگر است و در این پیش نمایش نیز اعمال می شود.