Генератор CSS Clip Path
Визуально создавайте CSS clip-path формы перетаскиванием. Включает полигон, круг, эллипс и предустановки: звезда, сердце.
Тип фигуры
Предустановки
Предпросмотр
Перетаскивайте точки для перемещения, двойной клик для добавления/удаления
Управление
Список точек
Сгенерированный CSS
clip-path: polygon(50% 0%, 100% 100%, 0% 100%);Как использовать
Выберите фигуру
Выберите тип clip-path фигуры
Настройте точки
Перетаскивайте точки для настройки формы
Скопируйте
Скопируйте CSS-код для использования
Возможности
Редактирование перетаскиванием
Перетаскивайте точки для свободного изменения формы
Базовые фигуры
Поддержка круга, эллипса, полигона и вставки
Предустановки
Предустановки: звезда, стрелка, сердце
FAQ
🔗Похожие инструменты
Конвертер цветовых кодов
Конвертация между цветовыми кодами HEX, RGB и HSL. Используйте палитру цветов и предпросмотр в реальном времени для интуитивного выбора цвета.
Палитра цветов
Выбирайте цвета с помощью цветового колеса и ползунков. Получайте и копируйте цветовые коды в форматах HEX, RGB и HSL.
Извлечение цветов из изображения
Автоматическое определение доминирующих цветов изображения и генерация цветовой палитры. Также можно нажать на любую точку изображения для выбора цвета.
Определение среднего цвета изображения
Вычисление среднего цвета всего изображения или выделенной области. Полезно для подбора цветовых схем или фоновых цветов миниатюр.
Генератор CSS-градиентов
Визуально создавайте CSS-градиенты с помощью перетаскивания. Поддержка линейных, радиальных и конических градиентов с предустановками.
Генератор CSS Box Shadow
Визуально создавайте CSS box-shadow с помощью ползунков. Поддержка нескольких теней и внутренних теней.