Генератор радиуса границы
Генератор CSS с радиусом границы для быстрого создания объявлений CSS с радиусом границы.
Preview
Вывод CSS
clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
Элементы управления контуром обрезки
Основные формы
Свойства формы
0%
0%
100%
100%
Animation
0s
Presets
Rectangle
Circle
Ellipse
Triangle
Diamond
Pentagon
Hexagon
Heart
Как пользоваться
Основные элементы управления
- Выберите базовую фигуру на панели «Выбор фигуры»
- Настройка параметров формы с помощью ползунков диапазона
- Перетащите контрольные точки на окне предварительного просмотра, чтобы изменить форму контура обрезки
- Добавление точек к пользовательским фигурам с помощью режима «Добавить точки»
Расширенные функции
- Сохраняйте и загружайте пресеты для быстрого доступа к любимым фигурам
- Анимируйте контуры клипа с помощью настраиваемой длительности, замедления и итераций
- Скопируйте сгенерированный CSS-код и вставьте его в свой проект
- Переключение темного режима для комфортного ночного дизайна
Related Tools
Создавайте идеальные макеты флексбоксов
Визуализируйте, настраивайте и генерируйте код флекбокса CSS с помощью нашего интуитивно понятного интерфейса перетаскивания.
Конвертер стилуса в CSS
Преобразуйте свой код SCSS в CSS. Быстро, просто и безопасно.
Конвертер SCSS в CSS
Преобразуйте свой код SCSS в CSS. Быстро, просто и безопасно.
CMYK в PANTONE
Преобразование значений цветов CMYK в ближайшие эквиваленты Pantone® для дизайна печати
Калькулятор маржи
Рассчитайте маржу прибыли, валовую маржу и наценку с помощью нашего комплексного калькулятора маржи.
SHA3-256 Калькулятор хеша
Быстрая и простая генерация хэшей SHA3-256