gsap_directive

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>