@fnndk/parallax vue

A Vue.js wrapper for Parallax.js

Version: 1.0.0 Updated: 09/03/2019

By: fnndk License: MIT

Install

npm i @fnndk/parallax-vue
yarn add @fnndk/parallax-vue

CDNs

bundle.run: https://bundle.run/@fnndk/parallax-vue

jsDelivr: https://cdn.jsdelivr.net/npm/@fnndk/parallax-vue

unpkg: https://unpkg.com/@fnndk/parallax-vue

parallax-vue

A Vue.js wrapper for Parallax.js

Install

# install package
npm install https://github.com/FnnDK/parallax-vue --save

# Register the component

import Vue from 'vue'
import Parallax from 'parallax-vue'
Vue.component('parallax', Parallax)

# In HTML
<parallax>
    <img data-depth="0.4" src="bg.png"/>
    <img data-depth="0.2" src="secondElement.png"/>
    <img data-depth="0.1" src="firstElement.png"/>
</parallax>
Categories: Vue js
Tags: