Negatively Proportional Model

    vue-animejs

    2.1.1 • Public • Published

    Vue-Anime

    Simple Vue bindings for Anime.js

    Install

    $ npm install --save vue-animejs
    import VueAnime from 'vue-animejs';
     
    Vue.use(VueAnime)

    Usage

    Adds a simple directive named v-anime that passes all arguments directly to anime.js

    <div v-anime="{ rotate: '1turn', backgroundColor: '#FFF', duration: 2000, loop: true }"></div>

    Also adds this.$anime to your components

    export default {
      name: "my-component",
      data() {
        return {};
      },
      mounted() {
        const targets = this.$el;
        this
          .$anime
          .timeline()
          .add({
            targets,
            translateX: 250,
            easing: 'easeOutExpo',
          })
          .add({
            targets,
            translateX: 250,
            easing: 'easeOutExpo',
          });
          /* ... etc ... */
      },
    }

    Install

    npm i vue-animejs

    DownloadsWeekly Downloads

    3,161

    Version

    2.1.1

    License

    MIT

    Unpacked Size

    5.2 kB

    Total Files

    9

    Last publish

    Collaborators

    • bhammond