← Все инструменты для текста

Генератор CSS border-radius

Скругляйте каждый угол ползунками и копируйте CSS border-radius.

  • Бесплатно
  • Без регистрации
  • Работает на любом устройстве

Около Генератор CSS border-radius

Скругляйте каждый угол отдельно ползунками и сразу смотрите, как меняется форма, затем скопируйте строку border-radius. 50 процентов на квадрате даёт круг, а очень большое значение в пикселях на прямоугольнике даёт «таблетку». Синтаксис с косой чертой и восемью значениями позволяет делать эллиптические, каплеобразные углы.

Как пользоваться инструментом «Генератор CSS border-radius»

  1. Перетащите ползунок каждого угла, чтобы задать его радиус.
  2. Наблюдайте за предпросмотром в реальном времени, чтобы проверить форму.
  3. Скопируйте строку CSS border-radius.

Чем полезен этот инструмент?

Другие названия

Частые вопросы

Как сделать идеальный круг с помощью CSS?

Задайте элементу равные ширину и высоту, затем установите border-radius: 50 процентов. Без равных сторон получится овал.

Как скруглить только один угол?

Установите три других угла в ноль и увеличьте только нужный. Созданный CSS перечисляет четыре значения для углов в фиксированном порядке.

Использовать для радиуса пиксели или проценты?

Пиксели дают один и тот же размер угла на любой рамке. Проценты масштабируются с элементом, поэтому широкие рамки могут выглядеть растянутыми. Используйте пиксели для единообразных кнопок и карточек.

Инструмент «Генератор CSS border-radius» бесплатный?

Да. Инструмент «Генератор CSS border-radius» на Toolipedia бесплатный: без регистрации и водяных знаков.

Это безопасно?

Да. Все вычисления выполняются в браузере, и ничего из введённого не отправляется на наш сервер.

Работает ли это на телефоне?

Да. Работает в любом современном браузере на Android и iPhone, а также на планшетах и компьютерах. Ничего не нужно устанавливать.

Нужна ли учётная запись?

Нет. Просто откройте страницу и пользуйтесь. Ни регистрации, ни электронной почты не нужно.

Можно ли разместить Генератор CSS border-radius на моём сайте?

Да. Нажмите кнопку «Встроить на свой сайт» под инструментом, чтобы скопировать короткий фрагмент кода и вставить его на страницу. Это бесплатно, аккаунт не нужен, и инструмент продолжает работать внутри вашей страницы.

Похожие инструменты