تولیدکننده شعاع حاشیه CSS
border-radius CSS را بهصورت بصری با پیشنمایش زنده طراحی کنید و کد آماده تولید را کپی کنید.
border-radius: —;
۱۰۰٪ خصوصی — همه چیز در مرورگر شما اجرا میشود. چیزی آپلود نمیشود.
درباره تولیدکننده شعاع حاشیه CSS
تولیدکننده CSS Border Radius همهچیز از کارتهای ملایم گرد گرفته تا اشکال آلی حبابمانند را میسازد. دستگیرههای گوشه را مستقیماً روی پیشنمایش بکشید یا هر گوشه را بهصورت عددی تنظیم کنید — از جمله نحو کامل هشتمقداری، که در آن هر گوشه شعاع افقی و عمودی جداگانه دارد. همین محور دوم است که تخممرغ، برگ، قطره اشک و حباب را ممکن میکند.
یک کلید link-corners همه چهار گوشه را برای گردی یکنواخت کلاسیک هماهنگ نگه میدارد، درحالیکه جدا کردن آنها هر گوشه را برای اشکال نامتقارن آزاد میکند. دوازده پیشتنظیم — rounded، pill، circle، squircle، دو حباب، leaf، egg، arch، teardrop، petal و wave — نشان میدهند این ویژگی چه کارهایی میتواند بکند، و یک دکمه تصادفیسازی بهطور نامحدود اشکال آلی تازه تولید میکند.
میتوانید واحد را تغییر دهید، رنگ عنصر و بوم را برای همخوانی با طراحی خود عوض کنید، و مقدار خام border-radius یا یک قاعده کامل CSS را کپی کنید. این ابزار ۱۰۰٪ سمت کلاینت است — هیچچیز آپلود نمیشود.
نحوه استفاده از تولیدکننده شعاع حاشیه CSS
- دستگیرههای گوشه را روی پیشنمایش بکشید، یا «Link all corners» را خاموش کنید تا هر گوشه را جداگانه ویرایش کنید.
- شعاع افقی و عمودی هر گوشه را برای اشکال آلی و حبابمانند تنظیم کنید.
- واحد خود را انتخاب کنید و رنگهای عنصر و پسزمینه را برای پیشنمایش در بافت واقعی تنظیم کنید.
- پیشتنظیمها — pill، squircle، blob، leaf، teardrop و بیشتر — را امتحان کنید، یا روی تصادفیسازی بزنید.
- مقدار border-radius یا CSS کامل را کپی کنید.