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
共有 0 条评论