Генератор скруглений
Генерация значений CSS border-radius.
Свяжите углы для единого радиуса или разблокируйте их по отдельности, затем скопируйте готовое свойство border-radius с живым превью.
Ограничения
Браузер может визуально уменьшить радиусы, если их сумма превышает размеры элемента. Проверяйте результат на реальной ширине и высоте.
Рекомендуемые инструменты
Частые вопросы
Да, отключите связывание углов и задайте значения для верхнего левого, верхнего правого, нижнего правого и нижнего левого углов. Порядок в готовом CSS соответствует стандартному порядку свойства border-radius.
Связанный режим подходит для одинакового скругления карточек, кнопок и полей ввода. Изменение одного значения в этом режиме синхронно применяет его ко всем четырём углам.
Браузер автоматически масштабирует пересекающиеся радиусы, если их сумма превышает размеры элемента. Поэтому фактическая форма зависит не только от CSS-значения, но и от ширины и высоты блока.
Инструмент формирует готовое объявление CSS border-radius с одним или четырьмя значениями. Его можно вставить в правило элемента без дополнительного преобразования.