gsap (greensock) не работает в проекте ioni c 4. может ли кто-нибудь помочь? или любая рабочая ссылка (например, codepen et c)? Ниже приведен мой код. Заранее спасибо - PullRequest
Новая
       36

gsap (greensock) не работает в проекте ioni c 4. может ли кто-нибудь помочь? или любая рабочая ссылка (например, codepen et c)? Ниже приведен мой код. Заранее спасибо

0 голосов
/ 07 мая 2020

GSAP insatll через NPM

npm установить gsap

Home.page.ts 

import { gsap } from "gsap";

export class HomePage implements OnInit {

constructor(
    public navCtrl: NavController
) {    
}
ionViewDidLoad(){
    gsap.to(".ebook-wrap", {rotation: 27, x: 100, duration: 1});
}

}

Это моя страница HTML. Я просто хочу просто анимировать div под названием ebook-wrap. Это дочерний div 

  <ion-col size="12">
            <div class="ebbok-n-audio">
                <div class="ebook-wrap" (click)="gotoBookPage('/ebook')">
                    <img src="assets/img/pdf.png" alt="">
                    <p>My Ebook</p>
                </div>
                <div class="ebook-wrap" (click)="gotoBookPage('/audio-book')">
                    <img src="assets/img/headphone.png" alt="">
                    <p>My Audio Book</p>
                </div>
            </div>
        </ion-col>
...