Загружаем нужную фотографию, выбираем наиболее подходящий пресет, редактируем точки и копируем получившийся CSS
Для перемещения точек используется мышь или стрелки клавиатуры, которые сдвигают ее на 1%, а при зажатой клавиши ctrl
на 0,1%. Зажатием клавиши alt
двигать точку мышью можно только по вертикали, а клавишы shift
- по горизонтали
Для удаления активной точки можно использовать клавишу del
или -
, а также соотв. кнопку.
Для добавления точки можно использовать клавишу +
или кнопку.
За основу взято решение найденное на codepen.io у пользователя Mads Stoumann
Конвертер с различными настройками для перевода изображений в рисунки точками
Генератор оттенков заданного цвета в форматах HEX, RGB и HSL
Конструктор для наложения CSS-фильтров на фотографии