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