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

Генератор CSS с радиусом границы для быстрого создания объявлений CSS с радиусом границы.

Preview

Preview image

Вывод 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 Beautifier

Форматируйте и украшайте свой CSS-код с профессиональной точностью

Простое создание преобразований CSS3

Мощный, интуитивно понятный инструмент для создания сложных преобразований CSS3 без написания кода. Визуализируйте изменения в режиме реального времени и копируйте сгенерированный CSS для использования в своих проектах.

Минификатор CSS

Сжимайте и оптимизируйте свой CSS-код с профессиональной точностью

Конвертер заряда

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

Обфускатор JavaScript

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

Конвертер меньше в CSS

Преобразуйте свой код Less в CSS. Быстро, просто и безопасно.