使用gsap开发动画

随着时间的发展, gsap迎来了新的版本。
新版本使用起来比之前更加方便。

3句话教大家如何开发基础动画

  1. 安装包

    1
    npm i gsap -S
  2. 使用

    1
    2
    3
    import { gsap } from 'gsap';

    gsap.to('#xx', { x: 400, duration: 2 });
  3. 使用插件

    1
    2
    3
    4
    import { gsap } from 'gsap';
    import ScrollTrigger from 'gsap/ScrollTrigger';

    gsap.registerPlugin(ScrollTrigger);

简洁而且优雅。

下期预告 - ScrollTrigger