Бесплатно, без регистрации
CSS Генератор радиуса границы
Сформируйте каждый угол независимо, включая эллиптические горизонтальные и вертикальные радиусы. Просмотрите результат и скопируйте компактный CSS.
Как генерировать значения CSS border-radius?
Выберите пиксели или проценты, отрегулируйте горизонтальный и вертикальный радиус для каждого угла, затем скопируйте сгенерированное объявление border-radius. CSS может пропорционально нормализовать перекрывающиеся радиусы, чтобы они соответствовали элементу.
Часто задаваемые вопросы
Как генерировать значения CSS border-radius?
Выберите пиксели или проценты, отрегулируйте горизонтальный и вертикальный радиус для каждого угла, затем скопируйте сгенерированное объявление border-radius. CSS может пропорционально нормализовать перекрывающиеся радиусы, чтобы они соответствовали элементу.
Загружен ли мой CSS или дизайн?
Нет. Предварительный просмотр и CSS создаются на этой вкладке браузера. Нет загрузки, учетной записи, вызова API или автоматического сохранения.
Может ли каждый угол иметь разный радиус?
Да. Установите отдельные значения по горизонтали и вертикали для верхнего левого, верхнего правого, нижнего правого и нижнего левого углов.
Что означает косая черта в border-radius?
Он отделяет горизонтальные радиусы от вертикальных, создавая эллиптические углы. Если в каждом углу используется одно и то же значение по горизонтали и вертикали, генератор пропускает косую черту.
Почему изображение при предварительном просмотре может выглядеть меньше значений?
CSS пропорционально нормализует радиусы, которые перекрываются на краях. Это стандартное поведение браузера, которое также применяется в этой предварительной версии.