Генератор border-radius CSS
Создавайте скруглённые углы на CSS с живым предпросмотром: настройте каждый угол, включите все четыре вместе или создайте органические формы (блоб) с 8 значениями border-radius.
Как пользоватьсяГенератор border-radius и блобов
Доступно на: 
Генератор border-radius CSS: для чего нужен
Настройте четыре угла вместе или по отдельности, в px или %, и сразу увидите, как меняется форма. В режиме Блоб используйте горизонтальные и вертикальные радиусы для органических форм и создавайте случайные варианты. CSS готов к копированию.
Как пользоваться
- Выберите углы или блоб.
- Настройте ползунки.
- Скопируйте полученный CSS.
Когда использовать
- Создание скруглённых кнопок и карточек.
- Органические формы для фонов.
- Изучение синтаксиса border-radius.
Частые вопросы
Как скруглить только некоторые углы?
Отключите опцию одинаковых углов и настройте каждый. Порядок в CSS: верхний левый, верхний правый, нижний правый и нижний левый.
Как сделать органическую форму (блоб)?
Используйте режим Блоб: он применяет синтаксис с косой чертой, например 30% 70% 70% 30% / 30% 30% 70% 70%, где значения до черты — горизонтальные радиусы, а после — вертикальные.
Правда бесплатно?
Да, 100% бесплатно. Без регистрации, без подписки и без ограничений использования. Все инструменты Tools123 бесплатны.