Как реализовать эффект вырезанных кусков в затемненном блоке?

Всем привет!

Нужно создать обучающую, интерактивную демку. Вокруг блока, на котором должен сфокусироваться пользователь, пропадает затемнение. Есть идея вставить 'тень' c заранее вырезанными кусками картинками и менять в зависимости от шага, но я хотел бы узнать, сталкивались ли вы с такой задачей и как вы её решили?

Заранее спасибо.

5d52df3a36ae2610802024.png
5d52df418cf48280586074.png
  • Вопрос задан
  • 142 просмотра
Решения вопроса 3
RAX7
@RAX7
Canvas либо svg поверх страницы сделай и на нем js`ом рисуй кружочки
Ответ написан
@gracer
может вам не круги подойдут
xbsoftware.github.io/enjoyhint

Про тень попробовал https://codepen.io/gracer/pen/yLBePRY
Т.е. смысл элемент с тенью располагать и растягивать с js высчитывая от положения и размеров нужного элемента
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы