鼠标悬停时拉伸图像

Question

我刚刚看到了一个令人印象深刻的作品集，你可以在这里看到：https://kulbachny.com/

我想知道，当移动光标悬停在他的图像上时，他是如何实现“拉伸和模糊”的效果的？

我可以想象它与画布有关，也可能与 Three.js/WebGL 有关（不太确定）（？）

我很想达到同样的效果，但我想这不是那么简单..

如果你知道怎么做，你能解释一下如何建造这样的东西吗？ 如果解释的时间太长，您能否参考好的指南或技术/库来学习以便能够构建这种动画？

非常感谢

Answer 1

我看不到他自己的网站是用什么构建的。但是他的投资组合网站是用 TweenMax Javascript 框架制作的。你可以自己查一些 TweenMax 教程。