bersus
@bersus
https://bersus.design

Как сделать такой эффект для курсора?

Пример не нашёл. Нарисовал схематично.

5f834be25d30f141632351.png

Есть чёрно-белый фон (img_01). Вокруг курсора есть область (допустим, 250х250рх), внутри которой отображается цветной фон (img_02). При движении курсора получается своеобразный эффект факела. Картинки разные, то есть CSS фильтрами не обойтись.

Пока нашёл только вот или вот, но это не совсем то. Как исполнить этот эффект именно с учётом того, что внутри должна быть картинка?
  • Вопрос задан
  • 200 просмотров
Решения вопроса 1
RAX7
@RAX7
Рисуешь одну картинку поверх другой, к верхней применяешь маску. Для этого подойдёт svg либо canvas
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
Почитай тут как раз твой случай.
Пример https://jsfiddle.net/qb6m0ux2/
Ответ написан
Ваш ответ на вопрос

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

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