Чому цей інструмент корисний
Створюйте прототипи бейджів, аватарів, масок зображень і декоративних панелей без ручного редагування пар координат або довіри до довільно вставленого CSS.
Дизайн і CSS · працює локально
Генератор форм CSS Clip Path
Виберіть обмежений геометричний пресет і створіть готовий до стандартів clip-path polygon із живим попереднім переглядом кольору та без завантажених дизайнерських даних.
Готово. Ваші робочі дані залишаються в цьому браузері.
Як це працює
Фіксований локальний реєстр зіставляє кожну названу фігуру з перевіреними відсотковими координатами; до згенерованої декларації потрапляють лише вибраний пресет і підтверджений колір.
Практичний приклад
Виберіть Hexagon, щоб замаскувати помаранчеву плитку кампанії з шістьма рівними сторонами, потім вставте згенерований багатокутник у наявний клас плитки.
Перевірка
Обчислення є детермінованим і пояснює помилки перевірки замість того, щоб непомітно змінювати некоректні вхідні дані.
Межа приватності
Ввід і вивід залишаються в цій вкладці. Копіювання та завантаження відбуваються через API браузера без завантаження на сервер.
Паспорт результату
Кожен запуск повідомляє свій режим інструмента, мітку часу та розмір вхідних/вихідних даних, щоб можна було перевірити перетворені дані.