LICENCE
Diretiva-Gsap
Diretiva Gsap
Installation
You can install the directive via npm:
npm i gsap
npm i gsap_directive
Importe
main.ts
import gsap_directive from gsap_directive';
app.use(gsap_directive);
Usage
<h1 v-gsap="{
scrollTrigger: {
start: 'top center',
end: 'bottom center',
scrub: true ,
markers: true,
},
animation: {
opacity: 1,
x: 100
},
initialState: {
opacity: 1,
x: -100
}
}"
>This is an about page </h1>
or
<h1 v-gsap="{
animation: {
opacity: 1,
x: 100
},
initialState: {
opacity: 1,
x: -100
}
}"
>This is an about page </h1>