vue-sf-parallax (vue-mouse-parallax s3rg1s fork)
An easy to use Mouse Parallax Component - Made with Vue.js
Demo
Installation
npm install --save vue-sf-parallax
Default import
Install all the components:
Vue
Use specific components:
VueVue
⚠️ A css file is included when importing the package. You may have to setup your bundler to embed the css in your page.
Browser
Usage
In order for the effect to work, the should be contained within
Options can then be passed to like so :
// App.vue Put your content here
Props
Prop | Type | Default Value | Description |
---|---|---|---|
parallaxStrength | Number | 10 | Strength of the Parallax Effect |
type | String | 'translation' | 'translation' - 'rotation' - 'depth' |