ToolPilot
Дизайн

Генератор CSS clip-path

Создавайте clip-path в виде многоугольников, кругов и фигур с готовыми шаблонами и редактируемыми точками.

Вырезайте элементы в виде треугольников, шестиугольников, звёзд и произвольных многоугольников. Живой предпросмотр обновляется при редактировании списка точек, а CSS готов к вставке.

Загрузка инструмента…
Конфиденциальность: Быстрая и приватная утилита ToolPilot. Ваши данные по возможности обрабатываются локально в вашем браузере.

Как

  1. 1Выберите шаблон или начните с многоугольника.
  2. 2Отредактируйте точки в текстовом поле.
  3. 3Скопируйте CSS для clip-path.

Часто задаваемые вопросы

Можно ли анимировать clip-path?

Да. Браузеры умеют плавно переходить между совместимыми многоугольниками с одинаковым числом точек.

Загружаются ли мои файлы на сервер?

Нет. Инструмент работает полностью в вашем браузере, при необходимости используя JavaScript и WebAssembly. Ваши файлы и текст никогда не покидают ваше устройство.

Помогите нам стать лучше

Мы регулярно улучшаем наши инструменты. Нашли проблему или есть предложение? Мы слушаем.

Похожие инструменты

🎨

Пипетка цвета + HEX/RGB/HSL

🎯

Конвертер HEX / RGB / HSL

🌈

Генератор палитр

🌊

Генератор CSS-градиентов