С этим инструментом что-то не так?
О «CSS Border Radius Generator Online»
Этот инструмент помогает создавать значения border-radius с визуальным предпросмотром. Раздельные углы для асимметрии, проценты для «капельных» форм или стандартные пресеты (rounded, pill, circle).
border-radius добавляет элементам скругление. Помимо простого равномерного — эллиптические радиусы, индивидуальные углы и асимметричные проценты позволяют создавать органические формы для иллюстраций и декора.
Подходит для кнопок, карточек, изображений и контейнеров. Можно копировать сокращённую запись или развёрнутую по углам.
Как пользоваться этим инструментом
Как собрать значение border-radius для 4 углов
Каждый угол
"Top-left", "Top-right", "Bottom-right", "Bottom-left" принимают пиксели радиуса соответствующего угла. Порядок совпадает с CSS-сокращением: с верхнего левого по часовой стрелке.
Запуск
Результат: единственное поле `css` — `<tl>px <tr>px <br>px <bl>px`. Вставляйте как значение `border-radius:`. Если все 4 равны — можно сократить до одного, но инструмент всегда выводит 4-значную форму.
Асимметричные приёмы
Разные углы создают типичные UI-формы: chat bubble — один нулевой угол (`12 12 12 0`); таб — два нижних нуля; pill — большой радиус слева/справа и 0 сверху/снизу — или просто огромное единое значение типа `9999`.
Эллиптические радиусы
CSS поддерживает per-corner эллиптические радиусы через `tl-x/tl-y` (`12px/24px`) — асимметричные эллипсы. Этот инструмент выводит только круговые (один параметр) — для эллипсов правьте руками.