发现一些个人开发者的很普通的软件官网也有这些很炫的动画，感觉不太像他们自己写的。搜了下 HTML 动画框架好像不是用来做这事的。一般这种是怎么做的，难道用了什么落地页生成器之类的东西？
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
This topic created in 1691 days ago, the information mentioned may be changed or developed.
 |
hunkMar 18, 2022
1
类似 react-motion ，了解一下
|
 |
ZE3krMar 18, 2022
2
纯 css 就行了
|
 |
3
用 after effect 画完导出用 lottie 渲染的 https://airbnb.design/lottie/
这里也有很多免费的动画可以用 https://lottiefiles.com/featured |
2
 |
5
https://michalsnik.github.io/aos/ 比如这个，自己写其实也就是需要检测滚动，有个 api 可以检测元素在视窗中的位置，到位置之后就触发动画
|
 |
FelldeadbirdMar 19, 2022
6
css 动画结合 JS IntersectionObserver 滚动监测。 就是先定义一个动画 class 。当内容滚动到显示时，在元素添加动画的 class 就可以执行了。
|
 |
shengchaoMar 19, 2022
7
我用 vue 写的时候，自己写一个自定义指令，监测 dom 出现在窗口和离开窗口时候的的 dom.classlist.add 和 dom.classlist.remove 。供参考
|
Select Language