ساخت Border Radius

هر ۸ گوشه‌ی border-radius را جداگانه (X و Y) تنظیم کنید و با پیش‌تنظیم دایره، قرصی یا اسکوارکل شروع کنید.

پیش‌تنظیم

بالا-چپ

X20%

Y20%

بالا-راست

X20%

Y20%

پایین-راست

X20%

Y20%

پایین-چپ

X20%

Y20%

border-radius: 20% 20% 20% 20% / 20% 20% 20% 20%;

ابزار ساخت Border Radius، گردی گوشه‌های دلخواه برای عناصر می‌سازد و کد می‌دهد. از کارت ساده تا شکل‌های نرم اسکوارکل.

هر هشت مقدار border-radius را جداگانه (افقی و عمودی) تنظیم کنید یا با پیش‌تنظیم دایره، قرصی یا اسکوارکل شروع کنید تا کد CSS ساخته شود.

گردی گوشه‌ی درست ظاهر عناصر را نرم‌تر و دوستانه‌تر می‌کند؛ تنظیم جداگانه‌ی گوشه‌ها هم امکان ساخت شکل‌های نامتقارن را می‌دهد.

طراحان و توسعه‌دهندگان برای استایل کارت و دکمه از این ابزار استفاده می‌کنند. برای تنظیم سایه‌ی همان کارت از ساخت سایه CSS کمک بگیرید.

سوالات متداول

border-radius چه می‌کند؟

این ویژگی گوشه‌های یک عنصر را گرد می‌کند؛ مقدار بیشتر گوشه‌ها را نرم‌تر و در حد کافی، عنصر را دایره‌ای می‌کند.

اسکوارکل چیست؟

اسکوارکل شکلی بین مربع و دایره است با گوشه‌های بسیار نرم که در طراحی مدرن محبوب شده است.

چطور یک دایره‌ی کامل بسازم؟

با قراردادن border-radius روی پنجاه درصد برای یک عنصر مربعی، آن را به دایره‌ی کامل تبدیل می‌کنید.