Crypko 基于滚动条进行的动画是如何实现的？

[Crypko](https://crypko.ai/#/beta) 网站里面的下拉滚动条进行的动画感觉非常炫，于是研究了一下她的实现，发现她主要是使用了 [ScrollMagic](https://github.com/janpaepke/ScrollMagic) 这个库实现了基于滚动条的动画。 为什么这么确定就是用了 ScrollMagic ？因为她代码里写的很清楚。。 ![Crypko 基于滚动条进行的动画是如何实现的？](http://git_null.gitee.io/note/note/01%E5%89%8D%E7%AB%AF/img/CrypkoScrollAnimate.png) 一些其他资料： - ScrollMagic 的示例：[Resume svg scroll animation](https://codepen.io/1010543618/pen/OYjEgb) - 使用 SVG 的 `stroke-dashoffset`属性实现随滚动条展示绘画步骤：[Scroll controlled SVG animation | CSSDeck](http://cssdeck.com/labs/scroll-controlled-svg-animation)
posted @ 2020-03-22 15:54  zjffun  阅读(301)  评论(0)  编辑  收藏  举报