GreenSock动画库在REACT里的使用

最新推荐文章于 2024-08-12 08:47:54 发布

原创最新推荐文章于 2024-08-12 08:47:54 发布 · 置顶 · 509 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #reactjs #yarn

首先安装库 yarn add gsap
目前gsap版本大更新合并了tweenmax，tweenlite 等内容用法如下：
1、其他参数不变 tweenmax 改为 gsap ,时间放到option里：
在这里插入图片描述
2、时间线的用法变成下图的样子

自定义缓动函数的用法

自定义缓动可以访问这个路径来制作 https://greensock.com/ease-visualizer 网站需要翻墙才能访问，CustomEase具体用法需要依赖文件如下：
链接：https://pan.baidu.com/s/1XQJDYyhFLv_mScpkeSpTCw
提取码：wnmo