133 · Дизайн и Интернет

Генератор радиуса границы

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

Ваши данные: Этот инструмент обрабатывает ваш ввод в этом браузере. CapyHelp не загружает эти данные для генерации результата. Подробности конфиденциальности

Генератор радиуса границы

Как использовать генератор радиуса границы

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

Порядок стенографии

Имея четыре значения, border-radius идет по часовой стрелке сверху слева: вверху слева, вверху справа, внизу справа, внизу слева. Когда все углы совпадают, инструмент записывает одно значение.

Примеры

Все углы 24px

радиус границы: 24 пикселей;

40, 8, 40, 8

радиус границы: 40 пикселей 8 пикселей 40 пикселей 8 пикселей;

Вопросы

Как мне сделать круг?

Присвойте квадратному элементу радиус 50 % или радиус не менее половины его ширины.

Автоматический перевод. Обзор важных результатов.