vue-mousefollower
v0.0.1
Published
Vue plugin for moving background on mouse move
Downloads
11
Readme
Vue MouseFollower
Vue plugin for moving background on mouse move Inspired by https://codepen.io/vajkri/pen/grgQmb
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 ofv-mousefollower