Как сделать плавную прозрачность?

Question

[doroshenko_magic]

Как сделать подобную анимацию https://meetwalter.com https://jsfiddle.net/rsts3dye/2/ ?
Чтобы в зависимости от положения курсора менялась прозрачность ? И чтобы объект полностью исчез во втором случае.

Comments

[Сергей Тутуков]

Все зависит от фигуры которую ты хочешь так накладывать.
Можно сделать как в примере через canvas. Но думаю можно через svg c линейным градиентом, и в зависимости от положения и удаления от svg назначать угол и прозрачность svg.

Answer 1

[Алексей Джо]

Экспериментируйте
https://jsfiddle.net/rsts3dye/4/