Цвет и дизайн
Генератор Border Radius
Бесплатный генератор CSS border-radius. Визуально создавайте радиус для каждого угла с предварительным просмотром в реальном времени. Копируйте сокращенный CSS. Для кнопок, карточек и любых закругленных форм.
Runs in your browser
Border radius generator
CSS
border-radius: 16px;css
Примечание редактора
Understanding · The shape of a corner.
Эта углублённая глава пока доступна только на английском языке. Инструмент конвертации выше работает на вашем языке; развёрнутая статья ещё не переведена.
Часто задаваемые вопросы
Quick answers.
›Can I make a circle?
Yes — set border-radius: 50% on a square element. Use the 'square element' preset.
›What's elliptical border-radius?
Each corner can have separate horizontal and vertical radii (e.g. 50% / 30%) for soft, organic 'blob' shapes.
›Does it output Tailwind?
For uniform radii, yes. Per-corner customisation needs custom CSS.
›Is the generator free?
Yes — fully free, no signup.
Люди также ищут
Связанные инструменты
More in this room.
- Генератор градиентовЛинейные, радиальные и конические градиенты CSS.
- Генератор Box ShadowВизуальный редактор CSS box-shadow.
- Редактор Cubic BezierВизуально создавайте кривые сглаживания CSS.
- Генератор CSS-анимацийСоздавайте ключевые кадры визуально, копируйте готовый CSS.
- Генератор CSS-фильтровПредварительный просмотр размытия, яркости, поворота оттенка и многого другого.
- Генератор глассмортизмаUI-карточки с эффектом матового стекла и backdrop-filter.