Описание:

Загружаем нужную фотографию, выбираем наиболее подходящий пресет, редактируем точки и копируем получившийся CSS

Для перемещения точек используется мышь или стрелки клавиатуры, которые сдвигают ее на 1%, а при зажатой клавиши ctrl на 0,1%. Зажатием клавиши alt двигать точку мышью можно только по вертикали, а клавишы shift - по горизонтали

Для удаления активной точки можно использовать клавишу del или -, а также соотв. кнопку.

Для добавления точки можно использовать клавишу + или кнопку.

За основу взято решение найденное на codepen.io у пользователя Mads Stoumann

Смотрите также: