跟随鼠标指针的粘球

Question

你知道这个网站上的鼠标跟随效果是怎么做的吗？ https://pygar.co/en

谢谢。

Answer 1

你可以看看这个页面的源码，不是canvas，而是java script操作的html div

1. 他们有一个类 pointer__wrapper 的 div 适合窗口大小
2. pointer__wrapper 他们有 pointer__wrapper--small 和 pointer__wrapper--big 来处理小圆圈和大圆圈
3. 在 app.js 文件中，他们有 javascript 来处理鼠标悬停通过每个元素的事件。小圆圈和大圆圈的操作（调整大小、移动）取决于悬停的元素。