Анимация картинки инструментами веб

нужно что-бы блоки исчезали при наведении тоже или только при нажатии ?

Артур Ковельський 22 марта 2021

Пока что не решили до конца

можно заполнить блок span с z-index больше чем у изображения и при :hover уменьшать opacity они будут пропадать и возращатся назад 

и в js повесить что при клики vizabl: hiden; opaciti: 0; и уже при клике они будут исчезать полностью 

Если класс менять джеесом, быстрее работать будет. А на класс CSS анимацию повесить.

Можно использовать джейквкри?

Артур Ковельський 22 марта 2021

Пожалуйста формируйте несколько своих мыслей в одно сообщение. Спасибо.
Можно использовать что хотите, лишь бы оно хорошо работало :)

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

Добрый вечер Артур!

Опишите пожалуйста логику того что вы делайте! Это игра типа сапера или что?

Артур Ковельський 22 марта 2021

Это интерактив, типо сапёра)), но желательно чтобы работали по наведению, а не клику.

Ну если при наведении, то только курсор попадет на любое поле, номер исчезнет. Просто двигая курсором по номерам очищаешь картинку?

Как то не логично. Наверное по клику...

Артур Ковельський 22 марта 2021

Номер может исчезать вместе с исчезновением и блока?

Просто двигая курсором по номерам очищаешь картинку

Да :)

Наверное по клику...

Слишком много кликов надо будет сделать пользователю. Это интерактив, но не полноценная игра :)

Ну как вариант что-бы быстро было , создать общий блок в который закинуть картинку , а сверху набросать квадратов . И при наведении скрывать квадраты на которые попала мышь , ну и задать функцию что-бы через время(например 10сек) квадрат появлялся обратно .

Здравствуйте это окончательный вариант изображения?

Есть один инструмент!

Могу отдать за деньги...

Переводит фото в готовый файл svg как с цветом так и без.