• Сервис принципиально облегчает написание кода для css-свойства clip-path. Просто передвигайте узлы мышкой и копируйте сгенерированный код из нижней панели.
Настройки справа:
• Вверху находятся шаблоны фигур - при наведении мышки на этот блок размер блока увеличивается и вы увидите все возможные заготовки.
• Ниже фигур включение/выключение префикса -webkit, который необходим для отображения clip-path в Google Chome.
• Ниже размер картирни, которую вы смотрите. Если загрузили свою (см. след. пункт), то выставите ее размеры для полного отображения.
• Ниже находятся предустановленные изображения и поля для ввода адреса своего произвольного изображения. После вставки url надо нажать кнопку [On].