像 vultr.com 首页下滑出现的动画有什么开源框架/工具可以快速制作吗？还是必须手搓 CSS 来写？

[rv54ntjwfm3ug8]

发现一些个人开发者的很普通的软件官网也有这些很炫的动画，感觉不太像他们自己写的。搜了下 HTML 动画框架好像不是用来做这事的。一般这种是怎么做的，难道用了什么落地页生成器之类的东西？

[hunk]

类似 react-motion ，了解一下

[ZE3kr]

纯 css 就行了

[rannnn]

用 after effect 画完导出用 lottie 渲染的 https://airbnb.design/lottie/
这里也有很多免费的动画可以用 https://lottiefiles.com/featured

[leadfast]

https://dev.to/keefdrive/animate-on-scroll-using-intersectionobserver-5dg1

[DrakeXiang]

https://michalsnik.github.io/aos/ 比如这个，自己写其实也就是需要检测滚动，有个 api 可以检测元素在视窗中的位置，到位置之后就触发动画

[Felldeadbird]

css 动画结合 JS IntersectionObserver 滚动监测。 就是先定义一个动画 class 。当内容滚动到显示时，在元素添加动画的 class 就可以执行了。

[shengchao]

我用 vue 写的时候，自己写一个自定义指令，监测 dom 出现在窗口和离开窗口时候的的 dom.classlist.add 和 dom.classlist.remove 。供参考