我发现了一个非常酷炫的网站,怎么知道他是怎么实现的呢?

阅读 2.8k
5 个回答

右键检查,可以看到首页是个 canvas,做了个光标反馈的视差效果
点击图片有个转场,就是两个页面 opacity 的改变
之后就是普通的 html + css + js 了,只有个平滑滚动

image.png
这是它用到的库。基本上是运用各种插件库来实现,页面的效果都可以找到插件实现,也可自己实现,自然造轮子是没有必要的。
创意确实不错。

gsap + scrollmagic 就可以了.

  1. LOGO 文字动画
  2. 图片 stagger 动画
  3. 鼠标移动与中心点的偏移, 设置容易偏移. 滚动放大缩小
  4. 点击图片. 其余图片渐隐, 随后做下一个转场动画, 用 scrollmagic 来做

three.js 官网有这种类似的例子~

推荐问题