Как сделать такого рода эффект?

Question

[WebforSelf]

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



Где то видел похожее решение) но не могу найти в поиске

Answer 1

[Ivan Bogachev]

не могу найти в поиске

SVG-маски, маски с помощью clip-path в CSS, маски на канвасе, маски в шейдерах, и.т.д. В общем гуглите все, что связано со словом "маска". Вариант с шейдерами самый производительный, с SVG - самый простой.

Пример с SVG:


Пример с шейдерами (не совсем такой, но для передачи идеи пойдет):