Анимация JS, CSS. Как сделать эффект фонарика?

Question

[zolope]

Есть анимация, созданная в spline.design. Работает по принципу фонарика, элемент (свет) следует за курсором и освещает соответственно только ту часть, на которую попадает на втором элементе (сетка), который в свою очередь растянут на весь экран.


К сожалению, импорт данной анимации из spline.design, сильно портит производительность.
Самостоятельно не получается реализовать анимацию без участия сторонних сервисов, прошу помощи.

Comments

[Ankhena]

Аналогичный вопрос Почему эффект применяется только к одной кнопке из трёх?

Answer 1

[Максим]

В принципе не сложный эффект:

там картинка в base64 - замените на свою