vue-mousefollower v0.0.1

Vue MouseFollower

Vue plugin for moving background on mouse move Inspired by https://codepen.io/vajkri/pen/grgQmb

DEMO available

Instalation

Get from npm: npm install vue-mousefollower,
from yarn yarn add vue-mousefollower
or from bower bower install vue-mousefollower

Usage

// main.js
import Vue from 'vue'
import { VueMouseFollower } from 'vue-mousefollower'

Vue.use(VueMouseFollower)

<!-- <template> in component.vue -->
<div id="bg" v-mousefollower></div>

/* <style> in component.vue */
#bg{
  width:200px;
  height: 200px;
  background: url(example-background.png);
}

Customizing

• Set custom friction with v-mousefollower:[custom number] (ex. v-mousefollower:60, default is 30)

• You can use v-mf instead of v-mousefollower