ژنراتور رادیوس
ایجاد CSS border-radius با پیش نمایش بصری
tools.borderRadiusGenerator.title
tools.borderRadiusGenerator.description
border-radius: 10px 10px 10px 10px;10px / 10px / 10px / 10px
گوشه های گرد را با Border Radius Generator ایجاد کنید. مقادیر شعاع مرزی CSS سفارشی را به صورت بصری طراحی کنید و کد را فوراً برای پروژه های وب خود کپی کنید.
Key Features
پیش نمایش بصری جلوه های شعاع مرزی
کنترل مستقل برای هر گوشه (بالا-چپ، بالا-راست، پایین-راست، پایین-چپ)
تولید کد CSS در زمان واقعی
قابلیت کپی به کلیپ بورد
مقادیر شعاع از پیش تعیین شده برای انتخاب سریع
گزینه های مختصر CSS و ویژگی های فردی
ژنراتور شعاع مرزی
تنظیم گوشه ها
از لغزنده برای تنظیم مقادیر پیکسل برای هر گوشه (بالا-چپ، بالا-راست، پایین-چپ، پایین-راست) استفاده کنید
مشاهده پیش نمایش
افکت حاشیه-شعاع اعمال شده روی یک عنصر نمونه را در زمان واقعی
ببینید کپی CSS
با تنظیم مقادیر، کد CSS به طور خودکار به روز می شود
چسباندن به کد
روی دکمه Copy CSS کلیک کنید تا کد را به شیوه نامه خود اضافه کنید
روی عناصر اعمال شود
از CSS کپی شده در عناصر HTML خود برای ایجاد گوشه های گرد استفاده کنید
Use Cases
ایجاد طرح های مدرن دکمه گرد
طراحی طرح بندی کارت های منحنی برای اجزای UI
ساخت قاب های گالری تصاویر سفارشی با گوشه های گرد
توسعه عناصر طراحی واکنشگرا با حاشیه های صاف
Frequently Asked Questions
مرز-شعاع برای چه استفاده می شود؟
Border-radius گوشه های گردی را روی عناصر HTML با استفاده از استایل CSS ایجاد می کند
آیا می توانم یک دایره با شعاع مرزی ایجاد کنم؟
بله، عرض/ارتفاع برابر تنظیم کنید و از شعاع 50% برای ایجاد دایره های کامل استفاده کنید
چگونه می توانم شعاع های مختلف را به هر گوشه اعمال کنم؟
ژنراتور امکان تنظیم مستقل را برای هر گوشه با استفاده از مقادیر جداگانه
می دهد آیا CSS با همه مرورگرها سازگار است؟
بله، border-radius در تمام مرورگرهای مدرن و حتی نسخه های قدیمی تر پشتیبانی می شود
Tool Information
Related Tools You Might Like
رنگی ژنراتور از تصویر
استخراج رنگ های غالب از یک تصویر
RGB و Hex Converter
تبدیل فرمت های رنگی RGB و HEX
ژنراتور CSS Gradient
ایجاد گرادین های CSS با پیش نمایش
کنترل کنتراست WCAG
کنترل رنگ با توجه به استانداردهای WCAG
ژنراتور امضا دیجیتال
ایجاد امضای دیجیتال با فونت های مختلف
جعبه سایه ژنراتور
ایجاد سایه جعبه CSS
محاسبه حجم Surfboard Calculator
محاسبه حجم کامل surfboard بر اساس وزن، سطح تجربه و شرایط امواج شما.
تبدیل ارتفاع موج
تبدیل بین اندازه گیری های مختلف ارتفاع امواج (ارتفاع صورت، مقیاس هاوایی، تورم اقیانوس).
دانلود Scuba Dive Planner
برنامه ریزی غواصی اسکوبا خود را با محدودیت های عمق، زمان پایین و نیازهای ایمنی انقباض.