17_Vue3动画(二)之gasp库的使用及动画的钩子函数

Vue3动画之gasp库的使用及动画的钩子函数
认识gsap库
某些情况下我们希望通过JavaScript来实现一些动画的效果,这个时候我们可以选择使用gsap库来完成。
什么是gsap呢?
GSAP是The GreenSock Animation Platform(GreenSock动画平台)的缩写;它可以通过JavaScript为CSS属性、SVG、Canvas等设置动画,并且是浏览器兼容的;
这个库应该如何使用呢?
第一步:需要安装gsap库;第二步:导入gsap库;第三步:使用对应的api即可;
我们可以先安装一下gsap库:npm install gsap
JavaScript钩子
在使用动画之前,我们先来看一下transition组件给我们提供的JavaScript钩子,这些钩子可以帮助我们监听动画执行到什么阶段了。

当我们使用JavaScript来执行过渡动画时,需要进行 d

17_Vue3动画(二)之gasp库的使用及动画的钩子函数最先出现在Python成神之路

版权声明:
作者:Mr李
链接:https://www.techfm.club/p/20205.html
来源:TechFM
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
< <上一篇
下一篇>>